javascript 閉包問題

來源:互聯網
上載者:User

函數的閉包:有權訪問另一個函數範圍中的變數的函數。常見方式:在一個函數內部建立另一個函數。

function createComparisonFunction(propertuName){return function(object1,object2){var value1=object1[propertuName];var value2=object2[propertuName];if(value1<value2){return -1;}else if(value1>value2){return 1;}else{return 0;}};}
閉包只能取得包含函數中任何變數的最後一個值。閉包所儲存的是整個變數對象,而不是某個特殊的值。

function createFunction(){var result=new Array();for(var i=0;i<10;i++){result[i]=function(){return i;};}return result;}var funcs = createFunction();  for (var i=0; i < funcs.length; i++){      document.write(funcs[i]() + "<br />");  }

createFunction()函數返回一個數組。表面上看,似乎每個函數都應該返回自己的索引值,但事實並非如此,事實上每個函數的傳回值都是10.因為每個函數的範圍鏈中都包含著createFunctions()函數的使用中的物件,所以它們引用的都是同一個變數i。當createFunctions()函數返回後,變數i的值就是10,此時每個函數都引用著儲存變數i的同一個變數對象,所以每個函數返回後都是10。


建立另一個匿名函數:

function createFunction() {var result = new Array();for(var i = 0; i < 10; i++) {result[i] = function(num) {return function() {return num;};}(i);}return result;}var funcs = createFunction();for(var i = 0; i < funcs.length; i++) {document.write(funcs[i]() + "<br />");}

在重寫了前面的createFunction()函數後,每個函數就會返回各自不同的索引值了。在這裡,我們沒有直接把閉包賦值給數值,而是定義了一個匿名函數,並將立即執行該函數的結果賦值給數組。這裡的匿名函數有一個參數num,也就是最終的函數要返回的值。在調用每個匿名函數時,我們傳入了變數i。由於函數參數按值傳遞的,所以就會將變數i的當前值複製給參數num。而在這個匿名函數內部,有建立並返回了一個訪問num的閉包。這樣依賴,result數組中的每個函數都有自己num變數的一個副本,因此就可以返回各自不同的數值了。

閉包的作用:一個是可以讀取函數內部的變數,另一個就是讓這些變數的值始終保持在記憶體中。

function f1() {    var n = 9;    Add = function() {n += 1}    function f2() {      alert(n);    }    return f2;  }  var result = f1();  result(); // 9 Add();  result(); // 10
在這段代碼中,result實際上就是閉包f2函數。它一共運行了兩次,第一次的值是999,第二次的值是1000。這證明了,函數f1中的局部變數n一直儲存在記憶體中,並沒有在f1調用後被自動清除。由於閉包會使得函數中的變數都被儲存在記憶體中,記憶體消耗很大,所以不能濫用閉包,否則會造成網頁的效能問題,在IE中可能導致記憶體泄露。解決方案是,在退出函數之前,將不使用的局部變數全部刪除。一般將其設定為null可以刪除。

function assignHandler(){      var element=document.getElementById("someElement");      var id=element.id;     element.onclick=function(){           alert(id);      };      element=null; }

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.