對象函數循環覆蓋javascript？

Question

我對下面的代碼很困惑：

var x =[ {name : 'name1' , value : 15 },{name :'name2' , value: 60} ]; 
var y = [[1,2,3] , [4,5,6]] ; 
    for(var t in y){ 
     x[t].myFun = function(){console.log(y[t])} ; 
     } 
console.log(x[0].myFun()) ; 

不應該將此代碼返回y第一陣列爲什麼它返回第二個陣列？

這裏是jsFiddle

Answer 1

的myFun函數的所有引用相同t（和y）變量。所以循環後，t是1，所以它總是返回第二個值。

你需要使用閉包「關閉」周圍的值（也，你不應該使用for..in數組）：

var x = [{name : 'name1' , value : 15 }, {name :'name2' , value: 60}]; 
var y = [[1,2,3] , [4,5,6]]; 
for(var t = 0, len = y.length; t < len; t++){ 
    (function(t){ 
     x[t].myFun = function(){console.log(y[t])}; 
    })(t); 
} 

console.log(x[0].myFun()); 

Answer 2

由於您使用JQuery，你有一個簡單的方法來迭代數組無需擔心在創建閉包時專門捕獲索引的當前值。它是$.each：

var x =[ {name : 'name1' , value : 15 },{name :'name2' , value: 60} ]; 
var y = [[1,2,3] , [4,5,6]] ; 
$.each(y, function(i,v) 
{ 
    x[i].myFun = function(){console.log(y[i])} ; 
});