javascriptの関数について

Question

以下のようにnew演算子から関数fn1を作り実行するのと、関数宣言から実行するのでは結果が異なりました。

私としては、それぞれの関数は変数cの参照を維持した状態で変数fに代入されると思ったのですが、newした場合は何故ローカルスコープの変数cを参照していないのでしょうか？

let c = 0;

function fn() {
  let c = 1;
  //   new演算子で関数作成
  const fn1 = new Function("a", "b", "return a * b * c");
  //   関数宣言
  // function fn1(a, b) {
  //   return a * b * c;
  // }
  return fn1;
}

const f = fn();

const result = f(1, 2);

console.log(result);

Answer 1

まあ、「そういう仕様です」と言うことです。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function

Funciton コンストラクターと関数宣言の違い

Function コンストラクターで生成された関数は、生成コンテキストにクロージャを作りません。つまり常にグローバルスコープで生成されます。

引数が評価されるのがこの行が書かれている環境でなく、new function(～)なのでfunctionという名前の関数の定義してある箇所の環境で引数が評価されるからでしょうかね。

Comments

[bag_ai]

そういう仕様だったんですね。
ありがとうございます！