$(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");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM