javascript関数と（function（）{...}（））;

Question

私はしばしばのような表情を見ている：私はそれを解釈するにはどうすればよい

(function() { 
    var x = 1; 
    ... 
}()); 

？構文的には、これだけで無名関数の定義です。

function() { 
... 
} 

それ以降（）は何ですか？なぜそれを封筒に入れるのですか？それはすぐに関数式に変換された後に呼び出されていることを除いて

おかげ

Answer 1

全く同じ、。

var myfunc = function() { 
     var x = 1; 
     ... 
    }; 
    myfunc(); 

または（類似の）本：

var returnValue = function() { 
     var x = 1; 
     ... 
    }(); 

は、名前を取り除くの周りに括弧を移動して、あなたは彼らが「見ることができますがした場合と同じ

// v-----first set of parentheses makes the function an expression 
    (function() { 
     var x = 1; 
     ... 
    }()); 
// ^-----this set is used to invoke the function 

それほど違いない。

Answer 2

私が最も頻繁に役に立つと思うところは、コールバック関数です。この記法は、コールバック関数に変数を含める必要がある場合にも使用できますが、変数の状態が関数の外で行われることによる影響を受けないようにする必要があります。

var someVal = 1; 

setTimeout((function(one) { 
     return function() { 
      alert(one); // alerts a 1 even 10 seconds after someVal++; 
     } 
})(someVal), 10000); 

someVal++; // the value in the setTimeout will remain the same as it is locked inside. 

ここで、setTimeoutは引数をとらない関数をとります。したがって、その関数に値を渡す方法の問題は、0引数を取る関数を返す1つの引数を取る関数を作成することによって解決されます。

私はFirebug JavaScriptコンソールでこの表記法の能力についてもっと学びたいと思っている方にお勧めします。このコンセプトの周りを頭で囲むと、この強力なコンセプトが使用できる領域が見え始めます。