JavaScriptの関数式と関数宣言の違い、および関数宣言と関数式の違い_JavaScriptスキル

関数式と関数宣言

ECMAScript では、関数を作成する最も一般的な 2 つの方法は、関数式と関数宣言です。ECMA 仕様では、関数宣言には識別子 (識別子) が必要であるという 1 つの点だけが明確にされているため、この 2 つの違いは少しわかりにくいです。 ) (これは、誰もがよく関数名と呼ぶものです)、この識別子は関数式では省略できます:

関数宣言:

関数関数名(パラメータ:任意){関数本体}

関数式:

関数 関数名（任意）（パラメータ：任意） {関数本体}

つまり、関数名が宣言されていない場合は式であることがわかりますが、関数名が宣言されている場合、それが関数宣言であるか関数式であるかをどのように判断するのでしょうか。 ECMAScript はコンテキストによって区別されます。関数 foo(){} が代入式の一部である場合、関数 foo(){} が関数本体内に含まれている場合、またはプログラムの先頭にある場合、それは関数式です。関数宣言。

 function foo(){} // 声明，因为它是程序的一部分
 var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分
 new function bar(){}; // 表达式，因为它是new表达式
 (function(){
  function bar(){} // 声明，因为它是函数体的一部分
 })();

あまり一般的ではない関数式もあります。これは括弧で囲まれた関数式です (function foo(){})。これが式である理由は、括弧 () がグループ化演算子であり、その内部に include が含まれているためです。式について、いくつかの例を見てみましょう:

function foo(){} // 関数宣言
(function foo(){}); // 関数式: グループ化演算子

名前付き関数式

名前付き関数式の場合は、もちろん名前が必要です。前の例 var bar = function foo(){}; は、名前付き関数式としては有効ですが、覚えておくべきことが 1 つあります。仕様では、周囲のスコープ内では識別子を有効にできないと規定されているため、新しく定義された関数のスコープ内でのみ有効です:

 var f = function foo(){
  return typeof foo; // foo是在内部作用域内有效
 };
 // foo在外部用于是不可见的
 console.log(typeof foo); // "undefined"
 console.log(f()); // "function"
var f = function foo(){
return foo; // foo是在内部作用域内有效
};
// foo在外部用于是不可见的
console.log(typeof foo); // "undefined"
console.log( f()==f); // "function"
console.log(f.name);//foo

これは必須なので、名前付き関数式はどのように使用できるのでしょうか?なぜ名前なのでしょうか？

最初に述べたように、名前を付けるとデバッグ プロセスがより便利になります。デバッグするときに、コール スタック内の各項目にそれを説明するための独自の名前があれば、デバッグ プロセスがより効果的になるからです。 、感覚が違います。

ps: JS における関数宣言と関数式の違い

Js の関数宣言は次の形式を参照します:

function functionName(){ 
} 

はこの方法で関数を宣言しますが、関数式は次のような式のように関数を宣言します。

     var functionName = function(){ 
}