ES6 ブロックレベル関数のセマンティクスを理解する

はじめに
ES6 の出現により、ブロック-level 関数宣言は、言語への貴重な追加機能になりました。初期の仮定にもかかわらず、これらの関数の正確なセマンティクスには、厳密モードと非厳密モードの区別やブラウザの互換性に関する考慮事項など、より広範囲が含まれます。

セマンティクス
次の表は、ブロックレベルの関数セマンティクスの重要な側面:

ストリクト モードの影響
この文脈における「ストリクト モード」の概念は、関数自体の厳密さではなく、関数オブジェクトです。したがって、非厳密な周囲のコード内で「use strict」を含む関数宣言を含むコード スニペットは、引き続き「非厳密」とみなされます。

Web Extensions
The "web拡張機能」は、「正常な」関数ステートメントの外観を備えた厳密ではない (ずさんな) コードにのみ適用されます。 Web 互換性セマンティクスを備えただらしないモードでは、ブロック内の関数宣言は次のように処理されます:

1. 関数宣言は字句ブロックの先頭に巻き上げられます。
2. var 宣言
3. 関数宣言が評価されると、関数オブジェクトは関数スコープの関数に割り当てられます。 variable.

本質的に、この動作により、同じ名前を持つ 2 つの個別のバインディングが生成されます。1 つはブロック スコープで、もう 1 つは関数スコープです。

結論
ES6 のブロックレベル関数は拡張機能を提供しますが、厳密なモードと Web 互換性の間の相互作用を含む、その正確なセマンティクスを理解することは、適切な使用を保証し、潜在的な可能性を回避するために重要です。落とし穴。