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

橱窗的光
橱窗的光

全部回复(2)
数据分析师

一道考察JavaScript闭包的经典面试题有点不懂?-PHP中文网问答-一道考察JavaScript闭包的经典面试题有点不懂?-PHP中文网问答

围观一下哦,学习一下。

迷茫

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

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

ES5没有块级作用域

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

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

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号