javascript匿名函数作用域行为

Question

我有一个遵循这种模式的代码：

a = "abcdefghijklmnopqrstuvwxyz";
m = {};

for(i=0;i<10;i++){
  m[a.charAt(i)] = function(){
      return i;
  };
}

console.log(m.c());

它返回 10。

它为什么要这样做？ 我怎样才能让它返回相应的数字？

------- 编辑 -------

感谢您的精彩回复。到目前为止提供的答案适用于上述示例，但我忘了提到我需要传递一个回调函数。考虑到你的建议，我想出了这个：

a = "abcdefghijklmnopqrstuvwxyz";
m = {};

f = function(i) {
    return function(){
        return i;
    }
}

for(i=0;i<10;i++){
    var eval('n') = "hi";
    console.log(n);
    m[a.charAt(i)] = function(fn){
        fn(f(i));
    };
}

m.c(function(a){console.log(a);});

结果与我的直觉一致，即它行不通。有人对此有任何想法吗？

感谢您的帮助

在您的帮助下，我得以开始这个项目： https://github.com/sbussard/python-for-node

请随时按照您的意愿继续贡献。

Answer 1

笼子变量在循环中不改变它们。

不良行为

> myFunctions = new Array() 
[object Array]

for(var i = 0; i < 3; ++i) myFunctions[i] = function() { return i; } 

> myFunctions[0]() 
3

> myFunctions[1]() 
3

> myFunctions[2]() 
3

已修复

>myFunctions = new Array() 
[object Array]

function mkFunctionWithCagedValue(value) { 
    return function() { 
        return value;
    };
} 

> for(var i = 0; i < 3; ++i) myFunctions[i] = mkFunctionWithCagedValue(i) 
[object Function]

> myFunctions[0]() 
0

> myFunctions[1]() 
1

> myFunctions[2]() 
2

Answer 2

** 已编辑 **

在您调用m.c() 时，循环内的变量i 等于10，并且由于它在您的函数中使用，它为每个“索引”返回10。只需保存此变量的副本。例如：

someFunction = function() {
   alert(i);  // will alert 10 because using i from the loop!
};
a = "abcdefghijklmnopqrstuvwxyz";
m = {};

for(i=0;i<10;i++){
  m[a.charAt(i)] = (function(i, callback) {
     // i is a local copy!
     return function() {
        callback();   // invoke callback function
        return i;
     };
  })(i, someFunction);
}

console.log(m.c());  // would return 2

Answer 3

函数引用变量i。在函数执行时（在console.log() 行），它会打印出当时值为10 的变量。

要解决此问题，您需要在每次迭代中创建一个新变量，该变量被分配当前值i。要在每次迭代中获得一个新的变量范围，您可以使用一个附加函数：

for(i=0;i<10;i++){
  function use_copy() {
    var icopy = i; # a new variable to hold the value of i
    return (function(){
      # original function, now using icopy
      return icopy;
    });
  }
  m[a.charAt(i)] = use_copy();
}