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(){ 
}

これら 2 つの書き方を見て混乱する人も多いでしょう。これら 2 つの書き方は似ており、両方とも応用できるように思えます。では、両者の違いは何でしょうか。

実際、js パーサーは関数宣言と関数式を同等に扱いません。関数宣言の場合、js パーサーは最初に宣言を読み取り、すべてのコードが実行される前に宣言が解析されるようにします。関数式は、他の基本型の変数の定義と同様、特定の文が実行されるときにのみ解析されます。実際には、まだ違いはあります。具体的には、関数宣言フォームを使用して関数を定義する場合、呼び出しステートメントは関数宣言の前に記述できますが、その場合、後者はエラーを報告します。