代码有一个问题,即在调用异步函数时变量会被写入.怎么修好？
码：
for (x in files) {
asynchronousFunction(var1,var2,function(){
console.log(x.someVaraible);
});
}
现在的问题是,当调用asynchronousFunction中的回调函数时,x.files变量已更新为json数组文件中的下一个变量.我希望变量应该包含以前的值.
回调函数中的变量数不能更改,因此无法在回调函数中发送变量名.
解决方法
在javascript中使用’local’变量的问题是你的变量实际上有函数作用域,而不是块作用域 – 比如java和c#等
解决这个问题的一种方法是使用具有块范围的let,但目前只有firefox支持此功能.
所以这段代码只适用于firefox：
for (var x in files) {
// This variable has BLOCK scope
let file = files[x];
asynchronousFunction(var1,function(){
console.log(file.someVaraible);
});
}
对于其他浏览器,替代方法是使用闭包
for (var x in files) {
var file = files[x];
asynchronousFunction(var1,(function(file){
return function() {
console.log(file.someVaraible);
};
})(file);
}
另一种方法是使用map / forEach,假设文件的数据类型是一个数组.
files.forEach(function(file) {
asynchronousFunction(var1,function(){
console.log(file.someVaraible);
});
});
如果它不是数组,那么你总是可以使用这种技术
[].forEach.call(files,function(file) {
asynchronousFunction(var1,function(){
console.log(file.someVaraible);
});
});
当然,更全面的写作方式
Array.prototype.forEach.call(files,function(file) {
// As before
但我觉得[].每个人的眼睛都更好