このJavaScript / jQuery構文はどのように機能しますか：（function（window、undefined）{}）（window）？

jQuery 1.4ソースコードの内部を見て、それが次のようにカプセル化されていることに気づいたことがありますか。

(function( window, undefined ) {

  //All the JQuery code here 
  ...

})(window);

私はJavaScriptの名前空間に関する記事と「括弧の重要なペア」と呼ばれる別の記事を読んだので、ここで何が行われているのかを知っています。

しかし、この特定の構文を見たことはありません。そこで何をしundefinedているのですか？そして、なぜwindow渡されてから再び最後に現れる必要があるのですか？

undefinedは通常の変数であり、で簡単に変更できますundefined = "new value";。そのため、jQueryは、実際には未定義であるローカルの「未定義」変数を作成します。

ウィンドウ変数は、パフォーマンス上の理由からローカルになります。JavaScriptは変数を検索するとき、変数名が見つかるまで最初にローカル変数を調べます。JavaScriptが見つからない場合、JavaScriptはグローバル変数をフィルタリングするまで次のスコープなどを通過します。そのため、ウィンドウ変数をローカルにすると、JavaScriptですばやく検索できます。詳細情報：JavaScriptのスピードアップ-ニコラスC.ザカス

未定義

undefined引数として宣言するが値を渡さないことにより、上書きできるグローバルスコープ内の単なる変数であるため、常に未定義になります。これはa === undefined、typeof a == 'undefined'数文字を節約するの安全な代替手段になります。また、コードをさらに縮小undefinedしてu、たとえば数文字を節約することもできます。

窓

window引数として渡すと、コピーがローカルスコープに保持され、パフォーマンスに影響します：http : //jsperf.com/short-scope。へのすべてのアクセスwindowは、スコープチェーンの1レベル下を移動する必要があります。と同様にundefined、ローカルコピーでも、より積極的な縮小が可能です。

サイドノート：

これはjQuery開発者の意図ではなかったかもしれませんが、渡すwindowことで、グローバルオブジェクトがないnode.jsなどのサーバー側のJavaScript環境にライブラリをより簡単に統合できwindowます。このような状況では、windowオブジェクトを別の行に置き換えるために変更する必要があるのは1行だけです。jQueryの場合、windowHTMLスクレイピングの目的でモックオブジェクトを作成して渡すことができます（jsdomなどのライブラリがこれを行うことができます）。

他は説明したundefined。undefined任意の値に再定義できるグローバル変数のようなものです。この手法は、誰かがundefined = 10どこかで書いた場合にすべての未定義のチェックが壊れることを防ぐためのものです。渡されない引数undefinedは、変数の 値に関係なく実数であることが保証されていますundefined。

ウィンドウを渡す理由は、次の例で説明できます。

(function() {
   console.log(window);
   ...
   ...
   ...
   var window = 10;
})();

コンソールは何をログに記録しますか？windowオブジェクトの価値は正しいですか？違う！10？違う！記録しundefinedます。JavaScriptインタープリター（またはJITコンパイラー）は、このように書き換えます-

(function() {
   var window; //and every other var in this function

   console.log(window);
   ...
   ...
   ...
   window = 10;

})();

ただし、window変数を引数として取得した場合、varはないため、驚きはありません。

jQueryが実行しているかどうかはわかりませんがwindow、何らかの理由で関数のローカル変数を再定義している場合は、グローバルスコープから借用することをお勧めします。

window誰かがIEでウィンドウオブジェクトを再定義することを決定した場合に備えて、そのように渡されますundefined。後で何らかの方法で再割り当てされた場合に備えて、についても同じと見なします。

このwindowスクリプトの先頭は、引数「ウィンドウ」に名前を付けているだけwindowです。これは、グローバル参照よりローカルで、このクロージャー内のコードが使用する引数です。window最後には、実際には最初の引数に渡すために何を指定して、このケースでの現在の意味window...望みはあなたが台無しにしていないでwindowそれが起こる前に。

これは、プラグイン、jQueryのに使用される最も典型的なケースを示すことによって考えるする方が簡単な場合があり.noConflict()ますので、まだ使用できるコードの大多数のため、取り扱いに$それが何かを意味していても、他のよりもjQuery、この範囲外に：

(function($) {
  //inside here, $ == jQuery, it was passed as the first argument
})(jQuery);

1000000回の反復でテストされています。この種のローカリゼーションはパフォーマンスに影響を与えませんでした。1000000回の反復で1ミリ秒もありません。これは単に役に立たないだけです。