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

　

　今天查看同事的代碼，最新版本腳本庫的函數定義方法發生了改動，由一般函數定義方式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");

 

店名：
　　小魚尼莫手工飾品店
經營:
　　發飾、頭花、發夾、耳環等（手工制作）
網店：
　　http://shop117066935.taobao.com/