今天学习了 <<你不知道的JavaScript>>这本书
- 反面例子
for (var i=1; i<=5; i++) {
setTimeout( function timer() {
console.log( i );
}, i*1000 );
}
所有的函数回调都会在循环结束后执行,延时为0也会打印出5, 此处循环了5个函数,但是他们还是处于同一个共同作用域(所有的函数还是在for循环内部)下面,因此实际上只有一个i
- 正面代码示例
for (var i = 1; i <= 5; i++) {
(function (i) {
console.log(i)
setTimeout(function timer() {
console.log(i);
}, i * 1000)
})(i);
}
自己的理解:// 每一个循环都会生成一个闭包(形成一个新的作用域),变量i也会被传递进去并且被封闭在作用域中 这样每一个作用域中都会有一个供回调函数使用的正确的变量