我对此代码感到非常困惑:
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。
我尝试了Rhino和Firefox。
有人可以向我解释这种行为吗?提前谢谢。
通过添加其他匿名函数来修复Jon的答案:
function create() { for (var i = 0; i < 5; i++) { closures[i] = (function(tmp) { return function() { alert("i = " + tmp); }; })(i); } }
解释是JavaScript的作用域是函数级的,而不是块级的,创建闭包仅意味着将封闭范围添加到封闭函数的词法环境中。
循环终止后,函数级变量i具有值5,这就是内部函数所看到的。
i
5
附带说明:您应该提防不必要的函数对象创建,尤其是在循环中;它效率低下,并且如果涉及DOM对象,则创建循环引用很容易,因此会在Internet Explorer中引入内存泄漏。