javascript的setTimeout 和立即执行函数

2024/9/3

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);
}

以上输出为

• 全局作用域中的 setTimeout
  setTimeout 是一个异步函数。尽管我们将延迟时间设定为 0，但是它仍然会在所有同步代码执行完之后才会执行；
  当 for 循环结束时，i 的值已经从 0 增加到了 2，此时 setTimeout 内部的回调函数才会被执行；
  这里输出2，2
• 立即执行函数表达式，每次循环时，当前 i 的值会作为参数传递给 立即执行函数，立即执行函数内部的 i 是这个作用域内的局部变量，不受外部 i 的影响。当 setTimeout 的回调函数被执行时，它会访问闭包内保存的 i。
  故输出0，1