ホームページ > 記事 > ウェブフロントエンド > JavaScript では、「(function () { } ) ( )」と「(function () { } ( ) )」は機能的に同じですか?
JavaScript の関数呼び出し構文: "(function ( ) { } ) ( )" と "(function ( ) { } ( ) )" は機能的に同じですか?
質問:
次の 2 つの JavaScript コード ブロックについて考えてみましょう:
(function() { bar = 'bar'; alert('foo'); })(); alert(bar);
(function() { bar = 'bar'; alert('foo'); }()); alert(bar);
両方のコード ブロックは、alert('foo' を実行します) )、次にalert(bar)、それぞれ「foo」と「bar」が表示されます。 2 つの唯一の違いは、関数呼び出しの構文です。これらは機能的に同一ですか?
答え:
はい、一般に、2 つのコード ブロックは機能的に同等です。どちらも新しい関数を定義し、すぐに実行してから、グローバル スコープ内の bar 変数にアクセスします。
例外:
ただし、次のようなエッジ ケースもあります。 2 つの構文は異なる動作をする可能性があります。具体的には、関数の前または関数内の .something の後に新しいコードを導入すると、それらは同じように動作しなくなります。
コード 1:
new (function() { this.prop = 4; }) ().prop;
このコードは、関数のクラスの新しいインスタンスを作成し、新しいインスタンスの prop プロパティを取得し、4 を返します。これは次と同等です。
function MyClass() { this.prop = 4; } new MyClass().prop;
コード 2:
new ( function() { return { Class: function() { } }; }() ).Class;
このコードは、Class プロパティで new を呼び出します。関数呼び出しのかっこは外側のかっこ内にあるため、新しい式はトリガーされず、代わりに通常どおり関数が呼び出され、戻り値が返されます。新しい式は .Class までをインスタンス化し、それをインスタンス化します。これは以下と同等です:
var namespace = { Class: function() { } }; function getNamespace() { return namespace; } new ( getNamespace() ).Class; //Or, new namespace.Class;
getNamespace() の呼び出しを括弧で囲まないと、このコードは (new getNamespace()).Class として解析され、getNamespace クラスをインスタンス化し、その Class プロパティを返します。新しいインスタンス。
以上がJavaScript では、「(function () { } ) ( )」と「(function () { } ( ) )」は機能的に同じですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。