<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    憨厚生

    ----Java's Slave----
    ***Java's Host***

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      165 隨筆 :: 17 文章 :: 90 評論 :: 0 Trackbacks

      轉  http://www.blueidea.com/tech/web/2008/5769.asp
    Javascript的匿名函數

    一、什么是匿名函數?

    在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()。
    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編程指南》
    posted on 2009-02-08 19:51 二胡 閱讀(373) 評論(0)  編輯  收藏 所屬分類: JS
    主站蜘蛛池模板: 亚洲精品国产福利片| 亚洲AV无码乱码在线观看| 久久精品国产亚洲| 国产精品综合专区中文字幕免费播放| 久久久久国色AV免费看图片| 亚洲一区二区三区亚瑟| 亚洲视频免费观看| 亚洲一级在线观看| 国内自产拍自a免费毛片| 亚洲国产精品网站在线播放| 国产婷婷高清在线观看免费| 特级毛片A级毛片免费播放| 亚洲国产综合人成综合网站| 国产精品美女久久久免费| 国产V亚洲V天堂无码| 6080午夜一级毛片免费看 | 日韩免费观看视频| 国产青草亚洲香蕉精品久久| 亚洲日本va午夜中文字幕久久| 一级毛片高清免费播放| 亚洲av无码无在线观看红杏| 亚洲第一网站免费视频| 亚洲日韩中文字幕一区| 亚洲国产午夜福利在线播放 | 亚洲一级大黄大色毛片| 免费无码又爽又刺激毛片| 亚洲精品视频免费| 亚洲春色在线观看| 免费国内精品久久久久影院| 久久精品国产影库免费看| 亚洲免费视频网址| 高清在线亚洲精品国产二区| 久久国产精品免费看| 亚洲一线产品二线产品| 亚洲一区二区三区免费| 97久久免费视频| 黄页网址大全免费观看12网站| 久久被窝电影亚洲爽爽爽| 好吊妞在线成人免费| 青青操在线免费观看| 含羞草国产亚洲精品岁国产精品 |