1. 程式人生 > >$(function(){})與 (function(){})() (function($){})() 的區別

$(function(){})與 (function(){})() (function($){})() 的區別

1. $(function(){ }) 或 jQuery(function(){ })

   此函式也可以寫成 jQuery(function(){ }), 用於存放操作DOM物件的程式碼,執行其中程式碼時DOM物件已存在。不可用於存放開發外掛的程式碼,因為jQuery物件沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函式)。

2. (function(){})() 或  function(){ })(jQuery)

   此函式也可以寫成   function(){ })(jQuery);其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery物件。用於存放開發外掛的程式碼,執行其中程式碼時DOM不一定存在,所以若要直接自動執行DOM操作的程式碼請小心使用。它相當於:

function wido($){} ;  wisdo(jQuery), 是初始化jquery物件的慣用方法.

3. (function($){...})() 或 (function($){...})(jQuery)

  實際上是匿名函式,它等效於匿名函式 function(arg){...} ,引數為 arg,是初始化jquery物件的慣用方法,有的時候會使頁面跳動, 在呼叫函式時,是在函式後面寫上括號和實參的,由於操作符的優先順序,函式本身也需要用括號,即: (function(arg){...})(param),這就相當於定義了一個引數為arg的匿名函式,並且將param作為引數來呼叫這個匿名函式,而(function($){...})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫衝突,所以實參用jQuery,

例如:

(funtion(str){alert(str)})("output"));相當於:funtion OutPutFun(str){alert(str);};OutPutFun("output");

相關推薦

no