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

標籤：blog   http   io   ar   使用   java   sp   div   on   

　今天查看同事的代碼，最新版本指令碼庫的函數定義方法發生了改動，由一般函數定義方式function fff(){}換成()(para)匿名方法，查閱資料後，分析如下：

　　起初方式為：

App.Extent = function (__minx, __miny, __maxx, __maxy, _spatialReference) {};

　　之後，修改為格式：

(function ($, app) {　　//使用參數app　　app.Extent = function (minx, miny, maxx, maxy, spatialReference) {};})(jQuery, App);

　　分析：

　　修改後相當於

App.GetExtent=function($,app){  　　app.Extent = function (minx, miny, maxx, maxy, spatialReference) {};}App.GetExtent(jQuery, App);

　　或者，也可以簡單地上下對比看待:

(function ($,app){    /***/})(jQuery,App)定義中$就是jQuery，app就是App；所以函數內容/***/中用到$和app，即為jQuery和App的調用！

　　

在網上看到一種解釋，覺得很清楚，供大家參考，如下：

　　(function(){})() 相當於先定義 function xx(){}，後調用 xx();

　　()是最高優先順序的，所以先執行function(){}，這個定義了一個匿名函數，等於xx=function(){} 後，接著就是調用xx()了;　　　

　　　　下方轉載內容出自文章：http://www.cnblogs.com/swjm119/archive/2011/12/19/2293125.html　

開發jQuery外掛程式時總結的一些經驗分享一下。 
一、先看 　　jQuery(function(){ 
　　}); 
全寫為 
　　jQuery(document).ready(function(){ 　　}); 

分析：意義為在DOM載入完畢後執行了ready()方法。 
二、再看 
　　(function(){ 
　　})(jQuery)； 
分析： 其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。 

三、總結 
　　1. jQuery(function(){　});用於存放操作DOM對象的代碼，執行其中代碼時DOM對象已存在。不可用於存放開發外掛程式的代碼，因為jQuery對象沒有得到傳遞，外部通過jQuery.method也調用不了其中的方法（函數）。 

　　2. (function(){　})(jQuery)；用於存放開發外掛程式的代碼，執行其中代碼時DOM不一定存在，所以直接自動執行DOM操作的代碼請小心使用。  

　　3. (function($){...})(jQuery)實際上是匿名函數，不懂得朋友可以繼續往下看。

　　這裡實際上是匿名函數 function(arg){...} 這就定義了一個匿名函數，參數為arg 而調用函數時，是在函數後面寫上括弧和實參的，由於操作符的優先順序，函數本身也需要用括弧，即： (function(arg){...})(param) 這就相當於定義了一個參數為arg的匿名函數，並且將param作為參數來調用這個匿名函數 而(function($){...})(jQuery)則是一樣的，之所以只在形參使用$，是為了不與其他庫衝突，所以實參用jQuery var fn = function($){....}; fn(jQuery);

     http://home.cnblogs.com/group/topic/928.html 是初始化jquery對象的慣用方法，通俗點說就是在頁面載入完成後執行你需要的代碼；不過這個東西,有的時候會使頁面跳動。

　　4.匯總如下： 

　　(funtion(){})()；立即執行函數；相當於先申明一個函數，聲明完後直接調用；　　如果參數如：
　　(funtion(str){alert(str)})("output"))；　　相當於：funtion OutPutFun(str){alert(str);};OutPutFun("output");

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