循環中的JavaScript關閉

Question

我想解決testdome上作爲公共問題發佈的這個問題。每個as[i]應該是alert(i)的函數。 是錯誤修正的代碼是這樣的：

function registerHandlers() { 
    var as = document.getElementsByTagName('a'); 
    for (i = as.length; i-- >= 0;) { 
    as[i].onclick = function() { 
     alert(i); 
     return false; 
    } 
    } 
} 

我試圖解決的辦法是這樣的：

function registerHandlers() { 
    var as = document.getElementsByTagName('a'); 
    //made the loop variables more explicit 
    for (i = as.length-1; i >=0; i--) { 
    var x = i; 
    as[x].onclick = function() { 
     alert(x); 
     return false; 
    } 
    } 
} 

我雖然該變量i是持久的，所以我保留了其拷貝變量x，和使用變量x而不是i。但它並沒有完全解決問題。請讓我知道我的誤解。

Answer 1

您的i和x值在完全相同的範圍內聲明，所以在執行該函數時x將是其最終值。你可以像這樣創建一個閉包：

function registerHandlers() { 
    var links = document.getElementsByTagName('a'); 

    for (var i = 0, len = links.length; i < len; i += 1) { 
     links[i].onclick = generateHandler(i); 
    } 

    function generateHandler (index) { 
     return function() { 
      alert(index); 
      return false; 
     } 
    } 
}