Javascript：按值排列字符串

Question

我的一個javascript代碼有點問題。下面是代碼

//assume array is an array containing strings and myDiv, some div in my doc 
for(var i in array) { 
    var myString = array[i]; 
    var a = document.createElement('a'); 
    a.innerHTML = myString; 
    a.addEventListener("click", function() {myFunc(myString)}, false); 
    myDiv.appendChild(a) 
} 
function myFunc(s) {alert(s);} 

然而，由於字符串由JavaScript中引用傳遞，我看到的永遠是我array的最後一個字符串，當我點擊相關鏈接a上。因此，我的問題是「我怎麼能通過myString的價值？」。感謝您的幫助 ！ 菲爾

Answer 1

您應該添加在你的事件處理程序關閉：

JavaScript closure inside loops – simple practical example

a.addEventListener("click", function (s) { 
    return function() { 
     alert(s) 
    }; 
}(myString), false); 

而且，你不應該在陣列使用for...in循環。

Answer 2

原始變量是不是在JavaScript中通過引用傳遞。

這是經典的'閉合變量內部閉環'問題。

這裏有一個常用的解決這一問題：

for (var i = 0, n = array.length; i < n; ++i) { 
    var myString = array[i]; 
    var a = document.createElement('a'); 
    a.innerHTML = myString; 
    a.addEventListener("click", make_callback(myString), false); 
    myDiv.appendChild(a) 
} 

function make_callback(s) { 
    return function() { 
     alert(s); 
    } 
} 

注意，這並沒有特別存儲器有效的，因爲它爲數組中的每個元素一個新的功能範圍。

一個更好的解決方案可能是將變量數據實際存儲在元素上（即作爲新屬性）並在回調中檢索。其實你已經存儲在.innerHTML屬性，字符串，所以你可以只讀取，然後採取代表團的優勢登記的元素的父只是一個處理程序：

for (var i = 0, n = array.length; i < n; ++i) { 
    var a = document.createElement('a'); 
    a.innerHTML = array[i]; 
    myDiv.appendChild(a) 
} 

myDiv.addEventListener('click', function(ev) { 
    alert(ev.target.innerHTML); 
}, false); 

Answer 3

試試這個： 我認爲它總是好的做法不使用迭代陣......在

for(var i=0; i<array.length;i++) { 
    var myString = array[i]; 
    var a = document.createElement('a'); 
    a.innerHTML = myString; 
    a.addEventListener("click", function() {myFunc(myString)}, false); 
    myDiv.appendChild(a) 
} 
function myFunc(s) {alert(s);}