我在教程中找到了一些示例(说这是规范的示例)
for (var i=1; i<=5 ; i++) {
setTimeout(function() {
console.log("i: " + i);
}, i*1000);
}
现在,我明白了,闭包将当前范围传递给函数,我假设它应该输出 1,2,3,4,5。但相反,它打印了数字 6 五次。
我在 chrome 调试器中运行它,首先它在执行 i 值递增的同时通过循环而不进入函数,只有在此之后,它才进入内部函数并执行 5 次。
我不确定为什么要这样做,我知道,由于闭包,当前作用域被传递给函数,但为什么它不在每次循环迭代时执行?
当超时运行时,for
循环已完成,并且i
是 6,这就是为什么你会得到你所看到的输出。你需要捕捉i
在循环期间:
for (var i=1; i<=5 ; i++) {
(function(innerI) {
setTimeout(function() {
console.log("i: " + innerI);
}, innerI*1000);
})(i);
}
这将创建一个带有自己参数的内部函数(innerI
),它会立即被调用,因此捕获的值i
以便在超时时间内使用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)