匿名のJavaScript関数を自動実行するための括弧の場所は？

最近、json2.jsの現在のバージョンとプロジェクト内のバージョンを比較していたところ、関数式の作成方法と自己実行方法に違いがありました。

匿名関数を括弧で囲んで実行するためのコード、

(function () {
  // code here
})();

しかし現在は、自動実行される関数を括弧で囲んでいます。

(function () {
  // code here
}());

Explain JavaScriptのカプセル化された匿名関数構文の受け入れられた回答にCMSによるコメントがあり、「両方：(function(){})();かつ(function(){}());有効です」。

違いは何だろうと思っていましたか？前者はグローバルな匿名関数を残してメモリを消費しますか？括弧はどこに置くべきですか？

それらは事実上同じです。

1つ目は、関数を括弧で囲んで有効な式にしてから呼び出します。式の結果は未定義です。

2番目は関数を実行し、自動呼び出しを囲む括弧はそれを有効な式にします。また、未定義と評価されます。

表現の結果は同じなので、「正しい」方法はないと思います。

> function(){}()
SyntaxError: Unexpected token (
> (function(){})()
undefined
> (function(){return 'foo'})()
"foo"
> (function(){ return 'foo'}())
"foo"

その場合、それは問題ではありません。最初の定義で関数に解決される式を呼び出し、2番目の例では関数を定義してすぐに呼び出しています。最初の例の関数式は単なる関数定義なので、これらは似ています。

関数に解決される式を呼び出す場合、他にも明らかに役立つケースがあります。

(foo || bar)()

構文以外に違いはありません。

それを行う2番目の方法についてのあなたの懸念について：

検討してください：

(function namedfunc () { ... }())

namedfunc名前を指定しても、グローバルスコープには含まれません。匿名関数についても同様です。そのスコープでそれを取得する唯一の方法は、括弧内の変数に割り当てることです。

((namedfunc = function namedfunc () { ... })())

外側の括弧は不要です：

(namedfunc = function namedfunc () { ... })()

しかし、とにかくそのグローバル宣言を望まなかったのですか？

つまり、次のようになります。

(function namedfunc () { ... })()

そして、あなたはそれをさらに減らすことができます：名前は決して使用されないので不要です（関数が再帰的でない限り、そしてそれでも使用できますarguments.callee）

(function () { ... })()

それが私の考えです（正しくない可能性があります。ECMAScript仕様をまだ読んでいません）。それが役に立てば幸い。

ダグラス・クロックフォードがIIFEの最初のスタイルを好まないため、違いが存在します。（seriuosly）このビデオでわかるように!! 。

(){両方のスタイルで} 余分なラッピングが存在する唯一の理由は、関数宣言をすぐに呼び出すことができないため、コードのそのセクションを関数式にするためです。縮小化-ERSだけで使用することをいくつかのスクリプト/ 、、＆の代わりにあまりにもカッコ。このような：+!-~

+function() {  
    var foo = 'bar';  
}();

!function() {  
    var foo = 'bar';  
}();

-function() {  
    var foo = 'bar';  
}();

~function() {  
    var foo = 'bar';  
}();

そして、これらはすべて、代替案とまったく同じです。これらのケースの中から選択することは完全にあなた自身であり、違いはありません。{のファイルは1バイト大きいファイルを()生成します ;-)}