這段js腳本最后面的一對圓括號是什么意思?-----匿名函數

 

 

例
(function(){
    if(typeof Drag != "undefined")
    {
        var _Drag = Drag;
    }
    //此處聲明Drag類
    //--elementid:要移動元素的ID
    var Drag = window.Drag = function(elementid){
        var thisDrag = this;
        this.DifWidth = 0;
        this.DifHeight = 0;
        this.thisDivDrag = document.getElementByIdx_x_x_x_x_x(elementid);
        this.thisDivDrag.onmousedown = function(event){
            var theevent;
            var theSrcevent;
            if(window.event)
            {
                theevent = window.event;
                theSrcevent = window.event.srcElement;
            }
            else
            {
                theevent =event;
                theSrcevent =event.target;
            }
            thisDrag.DifWidth= theevent.clientX - theSrcevent.offsetLeft;
            thisDrag.DifHeight = theevent.clientY - theSrcevent.offsetTop;       
            document.body.onmousemove =function(event){
                var theevent;   
                if(window.event)
                {
                    theevent = window.event;               
                }
                else
                {
                    theevent =event;
                }
                thisDrag.thisDivDrag.style.left = theevent.clientX -thisDrag.DifWidth ;
                thisDrag.thisDivDrag.style.top = theevent.clientY -thisDrag.DifHeight ;
            };
            document.body.onmouseup =function(event)
            {
                document.body.onmousemove = "";
            };
        };
    };
})();
這屬於js匿名函數的一種!
這種寫法可以看做是私有的內部類,一般出於加載時就需要立即執行的代碼可以這樣來些,第2個就是避免與其它的名稱相沖突.
給你舉個例子看看:
(function(p1,p2){alert(p1+p2);})(1,2);
實際就相當與
function test(p1,p2){
   alert(p1+p2);
}
test(1,2);
(function(){})();
匿名方法的好處,上面也有提到.
1.其它外部調用不到,相對安全.
2.可用於onload事件保證不與其沖突.
3.可看做線程安全.曾經做項目時遇到過一個循環讀取值的問題,每次得到的都是第一個值,最后用該函數解決的.

下面介紹一下它的調用
var fnc = function(){alert('x');},這里function如果不賦值給fnc那么它就是一個匿名函數,這種函數我們稱為回調函數.調用方式fnc();

下面是匿名函數的調用。
有返回值的調用函數
得到返回值。強制運算符使函數調用執行
<1>
(function(p1,p2){
    return p1+p2;
}(1,2));

強制函數直接量執行再返回一個引用，引用在去調用執行
<2>
function(p1,p2){
    return p1+p2;
})(1,2);


無返回值的調用
<3>
   void function(p1) {
          return p1++;
    }(2);


 測試function test(){
     return (function(p1,p2){
       return p1+p2;
     })(1,2);
    //等以上幾種情況.
 }
alert(test());
結果33undefined
——————————————————————————————————————————————————————
<script>
(function(){alert( 'hello ');});

(function(){alert( 'world ');})(alert( 'king '));
</script>

這樣寫的話是先彈出   king，然后再彈出   world。

但是
//   第二個   alert   后加了一個分號
(function(){alert( 'world ');})(alert( 'king '););
這樣就什么也沒有了，為什么呢？
—————————————————————————————————————————————————————————————————
一、什么是匿名函數？

在Javascript定義一個函數一般有如下三種方式：

   1. 函數關鍵字(function)語句：

      function fnMethodName(x){alert(x);}

   2. 函數字面量(Function Literals)：

      var fnMethodName = function(x){alert(x);}

   3. Function()構造函數：

      var fnMethodName = new Function('x','alert(x);')

上面三種方法定義了同一個方法函數fnMethodName，第1種就是最常用的方法，后兩種都是把一個函數復制給變量fnMethodName，而這個函數是沒有名字的，即匿名函數。實際上，相當多的語言都有匿名函數。
二、函數字面量和Function()構造函數的區別

   1. 雖然函數字面量是一個匿名函數，但語法允許為其指定任意一個函數名，當寫遞歸函數時可以調用它自己，使用Function()構造函數則不行。

      var f = function fact(x) {
        if (x < = 1) return 1;
        else return x*fact(x-1);
      };

   2. Function()構造函數允許運行時Javascript代碼動態的創建和編譯。在這個方式上它類似全局函數eval_r()。
   3. Function()構造函數每次執行時都解析函數主體，並創建一個新的函數對象。所以當在一個循環或者頻繁執行的函數中調用Function()構造函數的效率是非常低的。相反，函數字面量卻不是每次遇到都重新編譯的。
   4. 用Function()構造函數創建一個函數時並不遵循典型的作用域，它一直把它當作是頂級函數來執行。

      var y = "global";
      function constructFunction() {
          var y = "local";
          return new Function("return y");  //  無法獲取局部變量
      }
      alert(constructFunction()());  // 輸出 "global"

和函數關鍵字定義相比Function()構造器有自己的特點且要難以使用的多，所以這項技術通常很少使用。而函數字面量表達式和函數關鍵字定義非常接近。考慮前面的區別，雖然有消息說字面量的匿名函數在OS X 10.4.3下的某些webkit的引擎下有bug，但我們平常所說的匿名函數均指采用函數字面量形式的匿名函數。更多詳細內容可以閱讀《JavaScript: The Definitive Guide, 5th Edition》的Functions那章。
三、匿名函數的代碼模式

昨天hedger wang在他的blog介紹了幾種匿名函數的代碼模式：

錯誤模式：其無法工作，瀏覽器會報語法錯。

function(){
  alert(1);
}();

   1. 函數字面量：首先聲明一個函數對象，然后執行它。

      (function(){
        alert(1);
      } ) ( );

   2. 優先表達式：由於Javascript執行表達式是從圓括號里面到外面，所以可以用圓括號強制執行聲明的函數。

      ( function(){
        alert(2);
      } ( ) );

   3. Void操作符：用void操作符去執行一個沒有用圓括號包圍的一個單獨操作數。

      void function(){
        alert(3);
      }()

這三種方式是等同的，hedger wang因為個人原因比較喜歡第3種，而在實際應用中我看到的和使用的都是第1種。
四、匿名函數的應用

   1. 《Javascript的一種模塊模式》中的第一句話就是“全局變量是魔鬼”。配合var關鍵字，匿名函數可以有效的保證在頁面上寫入Javascript，而不會造成全局變量的污染。這在給一個不是很熟悉的頁面增加Javascript時非常有效，也很優美。實際上，YUI以及其相應的范例中大量使用匿名函數，其他的Javascript庫中也不乏大量使用。
   2. Javascript的函數式編程(functional programming)的基石。具體請看《用函數式編程技術編寫優美的 JavaScript》和《函數式JavaScript編程指南》。