一道考察JavaScript闭包的经典面试题有点不懂?
橱窗的光
橱窗的光 2017-02-21 10:09:41
0
2
684
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 중국어 웹사이트 Q&A-JavaScript 클로저를 조사하는 고전적인 인터뷰 질문 이해가 안 되시나요? -PHP 중국어 홈페이지 Q&A

꼭 보고 배워보세요.

    迷茫

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

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

    ES5没有块级作用域

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

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

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

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

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

      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿
      회사 소개 부인 성명 Sitemap
      PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!