JavaScript 不支持带有局部变量的闭包吗？

小编典典

JavaScript 不支持带有局部变量的闭包吗？

all

我对这段代码感到非常困惑：

var closures = [];
function create() {
  for (var i = 0; i < 5; i++) {
    closures[i] = function() {
      alert("i = " + i);
    };
  }
}

function run() {
  for (var i = 0; i < 5; i++) {
    closures[i]();
  }
}

create();
run();

据我了解，它应该打印0,1,2,3,4（这不是闭包的概念吗？）。

相反，它打印5,5,5,5,5.

我试过犀牛和火狐。有人可以向我解释这种行为吗？

阅读 106

2022-06-08

共1个答案

小编典典

通过添加一个额外的匿名函数来修复 Jon 的答案：

function create() {
  for (var i = 0; i < 5; i++) {
    closures[i] = (function(tmp) {
        return function() {
          alert("i = " + tmp);
        };
    })(i);
  }
}

解释是 JavaScript 的作用域是函数级的，而不是块级的，创建闭包只是意味着封闭的作用域被添加到封闭函数的词法环境中。

循环终止后，函数级变量i的值为5，这就是内部函数“看到”的内容。

附带说明：您应该注意不必要的函数对象创建，尤其是在循环中；它效率低下，如果涉及 DOM 对象，很容易创建循环引用，从而在 Internet Explorer 中引入内存泄漏。

2022-06-08