亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

Javascript閉包

2024-04-27 15:14:51
字體:
來源:轉載
供稿:網友

閉包(closure)是javascript語言的一個難點,也是它的特色,很多高級應用都要依靠閉包實現。

下面就是我的學習筆記,對于Javascript初學者應該是很有用的。

一、變量的作用域

要理解閉包,首先必須理解Javascript特殊的變量作用域。

變量的作用域無非就是兩種:全局變量和局部變量。

Javascript語言的特殊之處,就在于函數內部可以直接讀取全局變量。

  var n=999;

  function f1(){    alert(n);  }

  f1(); // 999

另一方面,在函數外部自然無法讀取函數內的局部變量。

  function f1(){    var n=999;  }

  alert(n); // error

這里有一個地方需要注意,函數內部聲明變量的時候,一定要使用var命令。如果不用的話,你實際上聲明了一個全局變量!

  function f1(){    n=999;  }

  f1();

  alert(n); // 999

二、如何從外部讀取局部變量?

出于種種原因,我們有時候需要得到函數內的局部變量。但是,前面已經說過了,正常情況下,這是辦不到的,只有通過變通方法才能實現。

那就是在函數的內部,再定義一個函數。

  function f1(){

    var n=999;

    function f2(){      alert(n); // 999    }

  }

在上面的代碼中,函數f2就被包括在函數f1內部,這時f1內部的所有局部變量,對f2都是可見的。但是反過來就不行,f2內部的局部變量,對f1就是不可見的。這就是Javascript語言特有的"鏈式作用域"結構(chain scope),子對象會一級一級地向上尋找所有父對象的變量。所以,父對象的所有變量,對子對象都是可見的,反之則不成立。

既然f2可以讀取f1中的局部變量,那么只要把f2作為返回值,我們不就可以在f1外部讀取它的內部變量了嗎!

  function f1(){

    var n=999;

    function f2(){      alert(n);     }

    return f2;

  }

  var result=f1();

  result(); // 999

三、閉包的概念

上一節代碼中的f2函數,就是閉包。

各種專業文獻上的"閉包"(closure)定義非常抽象,很難看懂。我的理解是,閉包就是能夠讀取其他函數內部變量的函數。

由于在Javascript語言中,只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數內部的函數"。

所以,在本質上,閉包就是將函數內部和函數外部連接起來的一座橋梁。

四、閉包的用途

閉包可以用在許多地方。它的最大用處有兩個,一個是前面提到的可以讀取函數內部的變量,另一個就是讓這些變量的值始終保持在內存中。

怎么來理解這句話呢?請看下面的代碼。

  function f1(){

    var n=999;

    nAdd=function(){n+=1}

    function f2(){      alert(n);    }

    return f2;

  }

  var result=f1();

  result(); // 999

  nAdd();

  result(); // 1000

在這段代碼中,result實際上就是閉包f2函數。它一共運行了兩次,第一次的值是999,第二次的值是1000。這證明了,函數f1中的局部變量n一直保存在內存中,并沒有在f1調用后被自動清除。

為什么會這樣呢?原因就在于f1是f2的父函數,而f2被賦給了一個全局變量,這導致f2始終在內存中,而f2的存在依賴于f1,因此f1也始終在內存中,不會在調用結束后,被垃圾回收機制(garbage collection)回收。

這段代碼中另一個值得注意的地方,就是"nAdd=function(){n+=1}"這一行,首先在nAdd前面沒有使用var關鍵字,因此nAdd是一個全局變量,而不是局部變量。其次,nAdd的值是一個匿名函數(anonymous function),而這個匿名函數本身也是一個閉包,所以nAdd相當于是一個setter,可以在函數外部對函數內部的局部變量進行操作。

五、使用閉包的注意點

1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。

2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(PRivate value),這時一定要小心,不要隨便改變父函數內部變量的值。

六、思考題

如果你能理解下面兩段代碼的運行結果,應該就算理解閉包的運行機制了。

代碼片段一。

  var name = "The Window";

  var object = {    name : "My Object",

    getNameFunc : function(){      return function(){        return this.name;      };

    }

  };

  alert(object.getNameFunc()());

代碼片段二。

  var name = "The Window";

  var object = {    name : "My Object",

    getNameFunc : function(){      var that = this;      return function(){        return that.name;      };

    }

  };

  alert(object.getNameFunc()());

(完)

閉包的作用就是在a執行完并返回后,閉包使得Javascript的垃圾回收機制GC不會收回a所占用的資源,因為a的內部函數b的執行需要依賴a中的變量。這是對閉包作用的非常直白的描述,不專業也不嚴謹,但大概意思就是這樣,理解閉包需要循序漸進的過程。

  如果a返回的不是函數b,情況就完全不同了。因為a執行完后,b沒有被返回給a的外界,只是被a所引用,而此時a也只會被b引 用,因此函數a和b互相引用但又不被外界打擾(被外界引用),函數a和b就會被GC回收。

a返回函數b的引用給c,又函數b的作用域鏈包含了對函數a的活動對象的引用,也就是說b可以訪問到a中定義的所有變量和函數。函數b被c引用,函數b又依賴函數a,因此函數a在返回后不會被GC回收。

Javascript的垃圾回收機制

在Javascript中,如果一個對象不再被引用,那么這個對象就會被GC回收。如果兩個對象互相引用,而不再被第3者所引用,那么這兩個互相引用的對象也會被回收。因為函數a被b引用,b又被a外的c引用,這就是為什么函數a執行后不會被回收的原因。

什么是閉包?這就是閉包!再來看一段代碼:

為什么只垃圾回收了 result,但卻不收了 i 呢? 因為 i 還在被 function 引用著啊。好比一個餐廳,盤子總是有限的,所以服務員會去巡臺回收空盤子,但還裝著菜的盤子他怎么敢收? 當然,你自己手動倒掉了盤子里面的菜(=null),那盤子就會被收走了,這就是所謂的內存回收機制。

閉包就是一個函數引用另外一個函數的變量,因為變量被引用著所以不會被回收,因此可以用來封裝一個私有變量。這是優點也是缺點,不必要的閉包只會徒增內存消耗!

function foo(x) {var tmp = 3;return function (y) {    alert(x + y + tmp);    x.memb = x.memb ? x.memb + 1 : 1;    alert(x.memb);    }}var age = new Number(2);var bar = foo(age); // bar 現在是一個引用了age的閉包bar(10);

var db = (function() {// 創建一個隱藏的object, 這個object持有一些數據// 從外部是不能訪問這個object的var data = {};// 創建一個函數, 這個函數提供一些訪問data的數據的方法return function(key, val) {    if (val === undefined) { return data[key] } // get    else { return data[key] = val } // set    }// 我們可以調用這個匿名方法// 返回這個內部函數,它是一個閉包})();db('x'); // 返回 undefineddb('x', 1); // 設置data['x']為1db('x'); // 返回 1// 我們不可能訪問data這個object本身// 但是我們可以設置它的成員

閉包的多種寫法:http://blog.csdn.net/zhangweiwtmdbf/article/details/50676116


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人h片在线播放免费网站| 88国产精品欧美一区二区三区| 久久视频在线观看免费| 欧美午夜视频一区二区| 亚洲国产中文字幕在线观看| 国产精品国产福利国产秒拍| 日韩免费在线免费观看| 黄色精品在线看| 欧美日本高清视频| 性亚洲最疯狂xxxx高清| 91在线免费网站| 色偷偷av一区二区三区| 欧美色道久久88综合亚洲精品| 亚洲精品第一页| 精品中文字幕久久久久久| 久久精品国产一区二区电影| 日韩欧美亚洲国产一区| 精品国产成人av| 久久影院模特热| 久久成人18免费网站| 有码中文亚洲精品| 一区三区二区视频| 亚洲免费一级电影| 激情懂色av一区av二区av| 欧美大片欧美激情性色a∨久久| 国产日韩在线看片| 欧美老肥婆性猛交视频| 亚洲视频在线观看网站| 欧美裸体男粗大视频在线观看| 日韩视频精品在线| 日韩成人高清在线| 亚洲国产欧美久久| 国产v综合v亚洲欧美久久| 欧美激情精品久久久久| 69影院欧美专区视频| 欧美日韩亚洲91| 国产精品老牛影院在线观看| 日韩动漫免费观看电视剧高清| www.国产精品一二区| 亚洲欧美国产高清va在线播| 亚洲国产成人精品一区二区| 久久久久久久国产精品| 亚洲在线第一页| 欧美视频免费在线| 91麻豆桃色免费看| 成人欧美一区二区三区在线| 欧美一区第一页| 免费成人高清视频| 欧美精品videossex性护士| 久久久噜噜噜久久中文字免| 欧美国产一区二区三区| 国产精品99一区| 91精品国产综合久久香蕉的用户体验| 日韩欧美中文第一页| 欧美精品一二区| 亚洲成人在线网| 欧美午夜激情小视频| 色天天综合狠狠色| 欧美激情网友自拍| 国产日韩中文字幕| 国产精品亚洲美女av网站| 国产精品免费福利| 亚洲激情中文字幕| 久久在线免费观看视频| 亚洲日本中文字幕免费在线不卡| 国产日韩欧美91| 日韩精品中文在线观看| 久久精品国产一区二区电影| 成人黄色av网站| 欧美福利视频在线| 成人h猎奇视频网站| 欧美黑人xxxx| 久久精品国产91精品亚洲| 国产精品久久久久久久电影| 亚洲va欧美va国产综合久久| 欧美在线亚洲一区| 亚洲图片制服诱惑| 精品久久久久久久久中文字幕| 一区二区三区久久精品| 亚洲风情亚aⅴ在线发布| 精品亚洲va在线va天堂资源站| 在线视频欧美性高潮| 激情久久av一区av二区av三区| 中文字幕亚洲字幕| 国产区精品视频| 亚洲精品美女网站| 亚洲高清免费观看高清完整版| 深夜精品寂寞黄网站在线观看| 黑人狂躁日本妞一区二区三区| 热久久美女精品天天吊色| 91av在线免费观看视频| 日韩免费看的电影电视剧大全| 92国产精品久久久久首页| 亚洲欧美一区二区三区在线| 国产伦精品一区二区三区精品视频| 麻豆成人在线看| 久久久黄色av| 91久久久久久久久久| 亚洲欧美日韩国产中文| y97精品国产97久久久久久| 亚洲高清久久网| 91精品国产91久久久久久最新| 久久久免费av| 欧美激情一区二区三区成人| 国产精品成人免费电影| 久久久久久成人精品| 久久久亚洲福利精品午夜| 久久理论片午夜琪琪电影网| 欧美激情国产精品| 成人国产精品一区二区| 精品国产91久久久| 亚洲黄一区二区| 亚洲成人激情视频| 国产精品自产拍在线观看中文| 欧美大片在线看免费观看| 亚洲精品国产综合区久久久久久久| 亚洲激情在线视频| 亚洲**2019国产| 国产精品成人品| 国产日韩中文在线| 亚洲精品福利视频| 97在线精品视频| 日韩va亚洲va欧洲va国产| 亚洲aaaaaa| 日韩欧美在线观看| 国产精品入口夜色视频大尺度| 欧美国产日韩中文字幕在线| 久久久久亚洲精品国产| 欧美精品一本久久男人的天堂| 亚洲精品福利在线| 国产91在线播放精品91| 亚洲黄色av网站| 国内成人精品一区| 91精品国产乱码久久久久久久久| 91国产一区在线| 欧美国产日韩视频| 亚洲欧美国产一区二区三区| 91香蕉电影院| 高清欧美电影在线| 亚洲一区亚洲二区| 国产精品一区二区性色av| 黑人极品videos精品欧美裸| 亚洲欧美日韩中文在线制服| 91久久久国产精品| 在线视频一区二区| 91精品一区二区| 韩剧1988在线观看免费完整版| 欧美亚州一区二区三区| 欧美巨大黑人极品精男| 亚洲欧美视频在线| 亚洲xxxxx电影| 日韩精品免费看| 亚洲精品日韩激情在线电影| 好吊成人免视频| 日韩a**站在线观看| 成人免费在线网址| 欧美亚洲免费电影| 国产精品欧美日韩一区二区| 日本国产精品视频| 精品无人区乱码1区2区3区在线| 成人国内精品久久久久一区| 国产精品中文字幕久久久| 少妇高潮 亚洲精品| 中文字幕亚洲一区二区三区五十路|