jQuery中(function($){})(jQuery)詳解
簡單的說
(function($){
//code
})(jQuery)
聲明了一個匿名函數(shù),也就是將jQuery對象作為參數(shù)傳給函數(shù)
給大家舉個例子
// 全局
var str = "全局字符串...";
(function () { // 第1層
(function () { // 第2層
(function () { // 第3層
(function () { // 第4層 層數(shù)越多,訪問全局越慢
console.time('全局');
for (var i=0; i<1e6; i++) {
str += Math.random().toString().substr(2, 2);
}
console.timeEnd('全局');
})();
})();
})();
})();
// 局部
(function () { // 第1層
(function () { // 第2層
(function () { // 第3層
(function () { // 第4層
var str = "內(nèi)部字符串...";
var random = Math.random;
console.time('內(nèi)部');
for (var i=0; i<1e6; i++) {
str += random().toString().substr(2, 2);
}
console.timeEnd('內(nèi)部');
})();
})()
})();
})();
運行代碼 就可以看到效果了,比較慢,騷等片刻。
我剛剛測試發(fā)現(xiàn)一些內(nèi)存小的電腦容易直接導致瀏覽器崩潰、
chrome武裝到牙齒了,連字符串都緩存,看不出多大效果、
和速度應該沒關系,我是這么認為的。
(function($){
// code
})(jQuery)
jQuery插件眾多,你無法確定自己使用的變量或者方法名不于其他插件重名,所以需要將所有插件代碼封裝到一個匿名函數(shù)當中;
由于插件使用了jQuery所以需要導入jQuery到匿名函數(shù)中,同時使用$變量引用(因為大家已經(jīng)習慣了使用$)。當然你在全局下也可以使用$,但是無法完成第一個條件;
封裝的代碼必須執(zhí)行,所以要執(zhí)行匿名函數(shù)同時傳入jQuery參數(shù)。
總結(jié)
其實是為了保護$符號,不管外界是否引入了另外有干擾$的庫,都不會干擾匿名函數(shù)中$就是jQuery的事實,因為他是作為參數(shù)被傳進去的。
相關文章
javascript基于jQuery的表格懸停變色/恢復,表格點擊變色/恢復,點擊行選Checkbox
jQuery的表格懸停變色 恢復,表格點擊變色/恢復,點擊行選Checkbox2008-08-08
jQuery插件jPaginate實現(xiàn)無刷新分頁
我改了下源碼基本可以在ie7,ie8,ie9正常顯示。以下是部分源碼。發(fā)現(xiàn)用別人的東西出了問題很難搞啊。關鍵是那個ie啊。2015-05-05

