ホームページ > 記事 > ウェブフロントエンド > JavaScript の `})()` と `}());` の間に機能的な違いはありますか?
JavaScript の関数呼び出し構文: ニュアンスの探索
JavaScript では、関数を呼び出すための構文が異なる場合があり、関数の機能に関する疑問が生じます。等価。次の 2 つのコード ブロックについて考えてみましょう:
(function() { bar = 'bar'; alert('foo'); })(); alert(bar);
(function() { bar = 'bar'; alert('foo'); }()); alert(bar);
両方のコード ブロックが "foo" を正常に警告し、次に "bar" を警告します。唯一の顕著な違いは、})() と }()) の使用のようです。最後に。では、これら 2 つのアプローチの間に機能的な違いはありますか?
同一の機能
この特定のシナリオでは、2 つの構文間に機能的な違いは存在しません。どちらの形式でも、無名関数内のコードを実行し、値 'bar' を変数 bar に割り当て、意図したとおりに警告メッセージを表示します。したがって、これらは機能的に同等です。
相違が生じた場合
ただし、2 つの構文が異なる結果を生み出す状況があります。次の変更を検討してください。
new (function() { this.prop = 4; })().prop;
new ( function() { return { Class: function() { } }; }() ).Class;
最初のコード ブロックでは、new を使用してクラスの新しいインスタンスを作成し、そのインスタンスの prop プロパティにアクセスします。これは値 4 を返します。
対照的に、2 番目のコード ブロックは、関数によって返されたオブジェクトの Class プロパティに対して new を呼び出します。関数呼び出しを囲む括弧は外側の括弧内にあるため、new をトリガーせず、関数を通常どおり実行します。したがって、代わりに Class プロパティがインスタンス化されます。
結論
ほとんどの場合、})() および }());機能に影響を与えることなく、関数を呼び出すために交換可能です。ただし、括弧の前に new が使用されたり、括弧の後に演算が実行されたりすると、構文がコードの動作に影響を与える可能性があります。意図したとおりに機能する JavaScript コードを作成するには、これらの微妙な違いを認識することが重要です。
以上がJavaScript の `})()` と `}());` の間に機能的な違いはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。