html - 一道考察JavaScript闭包的经典面试题有点不懂

问题描述

问 题

for (var i = 0; i < 10; ++i) {
    setTimeout(function () {console.log(i)}, 0);
}

请问为什么前面那个执行之后输出全都是10，后面那个就是0~9呢？

for (var i = 0; i < 10; ++i) {
    setTimeout((function () {console.log(i)})(), 0);
}

还有就是setTimeout的第二个参数为0该怎么理解？我百度了一下网上好像没人能够讲清楚这个啊（网上有人说setTimeout是异步执行，0的话会导致输出乱序，但是事实上后面那个代码段执行是0~9的递增数列，没有乱啊，这到底是怎么回事呢？）

解决方案

1. 通过setTimeout添加的事件是是存在事件队列中的

2. 当js线程有其他代码运行时，不会取事件队列中的函数运行

3. ES5没有块级作用域

这就是说第一个for循环执行时，那些函数都添加到事件队列中了，当for运行完，开始取事件队列中的函数运行，但是在那些个函数中没有找到i，就会沿着作用域链向上查找，找到了i，但此时的i值是10，所以输出的全是10

第二个你的写法应该有错误，根本没有使用闭包，就是直接执行了函数

(function(i){
  return function(){
     console.log(i)
  }
})(i)

这里使用了立即执行函数，创建了一个函数作用域，在这个作用域中有i的值，9个立即执行函数作用域中的值的分别为0-9

回到上面取事件队列中的函数运行，沿作用域链查找时正好找到我们上面创建的立即执行函数作用域中有i，于是就输出了

这篇关于html - 一道考察JavaScript闭包的经典面试题有点不懂的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！