這是什麼目的？ （function（$）{// function here here}）（jQuery）;

Question

我調試別人的JavaScript代碼和大多數的代碼被包裹這樣的：

(function ($) { 
    //majority of code here... 
})(jQuery); 

這是怎麼回事與($)和(jQuery)？我沒有被教會編碼這樣，並沒有看到他們。他們的目的是什麼？

同樣，沒有document.ready，但我認爲，這是因爲它是由();末讀之後被執行的代碼？

Answer 1

var $ = "some value we don't care about"; 

// v=====normal plain old function 
(function ($) { 
//  ^=======receives jQuery object as the $ parameter 

    //majority of code here, where $ === jQuery... 

    $('.myclass').do().crazy().things(); 


})(jQuery); 
// ^=======immediately invoked, and passed the jQuery object 


// out here, $ is undisturbed 
alert($); // "some value we don't care about" 

Answer 2

當你想/需要使用jQuery.noConflict()這是有用的，全局名稱$不是jQuery的一個別名。您發佈的代碼可讓您使用較短的$表示jQuery只在匿名函數中，而不需要$需要成爲全局代碼。

Answer 3

這個結構被稱爲JQuery插件，插件的目的是爲您的項目創建任何常見任務/功能的框架，同樣您可以根據您在不同頁面或同一頁面中的使用情況擴展插件。這樣你可以避免在任何地方重複使用相同的代碼。

檢查出來http://docs.jquery.com/Plugins/Authoring

Answer 4

只是對RightSaidFred's答案擴大一點，當我第一次看到()()語法我有點昏昏沉沉，但一旦我實現了支架被用來定義匿名它是有道理的函數，然後調用它。例如：

(function (msg){alert(msg)})('hello'); 

...定義一個函數，然後調用它，傳遞'hello'作爲參數。

所以在這個問題的例子：

(function ($) { 
    //majority of code here... 
})(jQuery); 

被路過的jQuery成一個匿名函數，並稱之爲是$功能，保證$將jQuery的工作，沒有與任何其他干擾的方式中。