的Javascript變中範圍，內聯函數

Question

爲什麼按預期這不工作：

$(function(){ 
 
    var datas=[[1],[3]]; 
 
    var functions=[]; 
 
    for(var i in datas){ 
 
    \t var data=datas[i]; 
 
    functions.push(function(){ 
 
    \t $("div").append($("<p/>").text("data[0]="+data[0]+", datas["+i+"][0]="+datas[i][0])); 
 
    }); 
 
    } 
 
    for(var i in functions) 
 
    \t functions[i](); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div />

我想到：

data[0]=1, datas[0][0]=1 

data[0]=3, datas[1][0]=3 

有人能幫助我理解怎麼回事這裏？

非常感謝， 問候帕特里克

--------- -------解決

var data是過去在功能的範圍，但它會之後仍然改變。

爲此最好的解決方案是bind()：

$(function(){ 
 
    var datas=[[1],[3]]; 
 
    var functions=[]; 
 
    for(var i in datas){ 
 
    \t var data=datas[i]; 
 
    functions.push(function(data){ 
 
    \t $("div").append($("<p/>").text("data[0]="+data[0]+", datas["+i+"][0]="+datas[i][0])); 
 
    }.bind(null,data)); 
 
    } 
 
    for(var i in functions) 
 
    \t functions[i](); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div>

Answer 1

這是所有關於範圍。嘗試改變

var data=datas[i]; 
functions.push(function(){ 
    $("div").append($("<p/>").text("data[0]="+data[0]+", datas["+i+"][0]="+datas[i][0])); 
}); 

到

(function (data) { 
    functions.push(function(){ 
     $("div").append($("<p/>").text("data[0]="+data[0]+", datas["+i+"][0]="+datas[i][0])); 
    }); 
})(datas[i]); 

內data for循環範圍值發生了變化。這就是爲什麼當調用functions時，他們使用最後修改的值data。 這就是爲什麼我們創造了一個新的範圍，其中data和function以友好的方式生活在一起。