【面试题 - 打印结果】for (var i = 0; i < 2; i++) { setTimeout(function () { console.log(i) }, 0) } for (var

说出如下打印结果

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。

你可能感兴趣的:(JavaScript,面试题,javascript,前端,ecmascript)