1. 程式人生 > >(function($){...})(jQuery)是什麽意思?

(function($){...})(jQuery)是什麽意思?

開發插件 代碼 匿名方法 net 優先 on() ready dom操作 jquery對象

本文轉自:http://blog.csdn.net/rambo_china/article/details/7742321

最近在工作中看到這調用定義方法,並且同時調用的方式,覺得很疑惑,看到這篇博客之後就豁然開朗

這裏實際上是匿名函數

function(arg){...}
這就定義了一個匿名函數,參數為arg

而調用函數 時,是在函數後面寫上括號和實參的,由於操作符的優先級,函數本身也需要用括號,即:
(function(arg){...})(param)
這 就相當於定義了一個參數為arg的匿名函數,並且將param作為參數來調用這個匿名函數

而(function($){...}) (jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫沖突,所以實參用jQuery

**************************************************************************
其實就等於
var fn = function($){....};
fn(jQuery);

其實可以這麽理解,不過要註意的是fn是不存在的
那個函數直接定義,然後就運行了。就“壓縮”成下面的樣子了
(function($){...})(jQuery)
**************************************************************************
簡單理解是(function($){...})(jQuery)用來定義一些需要預先定義好的函數
$(function(){ })則是用來在DOM加載完成之後運行\執行那些預行定義好的函數.
**************************************************************************

開發jQuery插件時總結的一些經驗分享一下。
一、先看

jQuery(function(){
});
全寫為
jQuery(document).ready(function(){

});

意義為在DOM加載完畢後執行了ready()方法。
二、再看

(function(){

})(jQuery);
其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。

三、總結

jQuery(function(){ });用於存放操作DOM對象的代碼,執行其中代碼時DOM對象已存在。不可用於存放開發插件的代碼,因 為jQuery對象沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函數)。
(function(){ })(jQuery);用於存放開發插件的代碼,執行其中代碼時DOM不一定存在,所以直接自動執行DOM操作的代碼 請小心使用。

(function($){...})(jQuery)是什麽意思?