一道考察JavaScript闭包的经典面试题有点不懂?
橱窗的光
橱窗的光 2017-02-21 10:09:41
0
2
715
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的递增数列,没有乱啊,这到底是怎么回事呢?)

橱窗的光
橱窗的光

reply all(2)
数据分析师

A classic interview question that examines JavaScript closures? Don’t you understand? -PHP Chinese website Q&A-A classic interview question that examines JavaScript closures? Do you not understand it? -PHP Chinese website Q&A

Let’s take a look and learn.

迷茫

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

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

ES5没有块级作用域

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

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

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

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

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!