说出如下打印结果
for (var i = 0; i < 2; i++) {
setTimeout(function () { console.log(i) }, 0)
}
for (var i = 0; i < 2; i++) {
(function (i) {
setTimeout(function () { console.log(i) }, 0)
}(i))
}
第一个循环的输出结果将会是两个2。这是因为在第一个循环中,setTimeout函数将会创建两个异步任务,但是这两个任务会在循环结束后才执行,并且共享同一个变量i。当异步任务执行时,循环已经结束,此时i的值已经变成了2,所以输出结果是两个2。
注意
:for循环中如果用var声明i的话,在全局可以访问到i,这是因为 var 声明的变量具有函数级作用域,而不是块级作用域。如果不想在外部访问到,使用let即可。
for (var i = 0; i < 2; i++) {
setTimeout(function () { console.log(i) }, 0)
}
console.log(i) // 2
而在第二个循环中,使用了立即执行函数将当前的i值传入了setTimeout中,这样每次循环都会创建一个新的作用域,并且将当前的i值传入,使得每个setTimeout都拥有了自己的变量i。所以输出结果将会是0和1。