今天看到
;(function ( $, window, document, undefined ){
//函數體內具體代碼
})(jQuery, window,document);
對于很多初學者來說很難明白這表示什么,下邊我將為大家介紹其相應的作用。
1、代碼最前面的分號,可以防止多個文件壓縮合并以為其他文件最后一行語句沒加分號,而引起合并后的語法錯誤。
2、匿名函數(function(){})();:由于Javascript執(zhí)行表達式是從圓括號里面到外面,所以可以用圓括號強制執(zhí)行聲明的函數。避免函數體內和外部的變量沖突。
3、$實參:$是jquery的簡寫,很多方法和類庫也使用$,這里$接受jQuery對象,也是為了避免$變量沖突,保證插件可以正常運行。
4、window, document實參分別接受window, document對象,window, document對象都是全局環(huán)境下的,而在函數體內的window, document其實是局部變量,不是全局的window, document對象。這樣做有個好處就是可以提高性能,減少作用域鏈的查詢時間,如果你在函數體內需要多次調用window 或 document對象,這樣把window 或 document對象當作參數傳進去,這樣做是非常有必要的。當然如果你的插件用不到這兩個對象,那么就不用傳遞這兩個參數了。
5、最后剩下一個undefined形參了,那么這個形參是干什么用的呢,看起來是有點多余。undefined在老一輩的瀏覽器是不被支持的,直接使用會報錯,js框架要考慮到兼容性,因此增加一個形參undefined
轉載(B5教程網)原文鏈接