DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 簡短幾句 通俗解釋javascript的閉包
簡短幾句 通俗解釋javascript的閉包
編輯:關於JavaScript     
何謂沒有被釋放資源的棧區和預執行的過程,用一個最常見的示例來解釋:
比方現在我們有一個ul,下面有很多個li,需要遍歷他們為他們綁定單擊事件,並在點擊後將當前下標傳遞給另外一個function來進行額外的處理:
復制代碼 代碼如下:
for(var i=0; i<agroup.length; i++) {
  agroup[i].onclick = function() {
    handler(i);
  }
}

執行結果顯而易見對吧?在handler中,獲取傳遞過去的參數i,你看到的將全部是最大的下標,這個時候,我們通常用下面的辦法解決:
復制代碼 代碼如下:
for(var i=0; i<agroup.length; i++) {
  agroup[i].i = i
  agroup[i].onclick = function() {
    handler(this.i);
  }
}

那麼在這裡,先講一下this的指向問題,從通常來說,javascript中的this是指向當前引用他的對象的。上面我們相當為this新增了一個為i的屬性,他的值就是當前的下標值。
那麼用閉包的方式如何解決這個問題?其實原理相同,我們需要預先的把i值保存起來,或叫作傳遞:
復制代碼 代碼如下:
for(var i=0; i<agroup.length; i++) {
  agroup[i].onclick = function(index) {
    return function() {
      handler(index);
    }
  }(i);
}

這個時候你會得到正確的下標,這樣做與增加i屬性有何雷同之處?也就是他們都預先把下標i值傳遞或是儲存起來。在上面的演示中,預執行onclick所引用的函數,而這個
函數當中返回了一個內嵌函數,形成一個沒有被釋放資源的棧區,並在預執行的時候將i值以參數的形式傳入這個作用域(解釋能力有問題,這句解釋不知道是否准確,歡迎磚拍)。
綜上所述,閉包的作用通常是改變作用域或預執行。應該看官很明白了,上面個出的示例很局限,閉包的應用范圍是很廣的,了解其因果,才能靈活的使用它。
auntion 2011-11-15
mail [email protected]
QQ 82874972
原創文章,請尊重打字的辛勞和作者的權益,轉載時請不要刪除這裡的作者信息。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved