为了账号安全,请及时绑定邮箱和手机立即绑定

一个js面试题

一个js面试题

明月笑刀无情 2018-08-02 21:35:36
for (var i = 0; i < 5; i++) {     setTimeout(function() {                 console.log(new Date, i);     }, 1000); }console.log(new Date, i);能想到答案是5,5,5,5,5。感觉应该是因为异步代码。但根据作者的话“ 只要你对 JS 中同步和异步代码的区别、变量作用域、闭包等概念有正确的理解,就知道正确答案”。不知道这里怎么和闭包有关系。还有个就是输出的结果为什么最后4个5是同时输出的。2017-03-18T00:43:45.873Z 52017-03-18T00:43:46.866Z 52017-03-18T00:43:46.868Z 52017-03-18T00:43:46.868Z 52017-03-18T00:43:46.868Z 52017-03-18T00:43:46.868Z 5
查看完整描述

2 回答

?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

闭包的产生就是局部作用域中有对外部作用域变量的引用,原代码指向的是一个全局变量所以毫无意义

for (let i = 0; i < 5; i++) {
    setTimeout(function() {        console.log(new Date, i);
    }, 1000);
}console.log(new Date, i);

这样就很好理解了,let声明的变量具有块级作用域,只有在代码块中能使用,代码块中挂起的异步函数能访问到i(块级作用域中的i)
异步函数中有对外部变量i的引用从而产生闭包
而外部使用变量会因为没有声明而报错
一开始的代码输出5个5是因为执行异步代码 setTimeout(function() { console.log(new Date, i); }, 100);中的console.log(new Date, i);时for循环已经完毕了,i已经是5了,注意setTimeout(...)是同步的,其中的代码块是异步的
或者这样

for (var i = 0; i < 5; i++) {
    (function(i){
        setTimeout(function() {           
             console.log(new Date, i);
        }, 1000);
    })(i);
}console.log(new Date, i);

这里相当于保存了i的快照版本作为参数传入
至于为什么是同步输出的(其实是依次输出的),for循环执行setTimeout是同步的,又没阻塞代码存在每次循环的时间间隔小到可以忽略不计,执行异步代码也没有其他异步代码与阻塞代码的干扰,所以执行的时候感觉是一瞬间一起出现的


查看完整回答
反对 回复 2018-08-05
?
互换的青春

TA贡献1797条经验 获得超6个赞

setTimeout是延时执行,但是他其实是不准确的。后面的毫秒数代表着他在多少毫秒后会进入执行队列里面。如果你前面有一个占用了非常多时间的运算。setTimeout就会延时特别久。他只在当前队列执行完之后,才尝试执行。

for (var i = 0; i < 5; i++) {   
    //延迟执行
    setTimeout(function() {        
        console.log(new Date, i);
    }, 1000);
}    
console.log(new Date, i);
alert("我们用alert挂起一下程序,你等待两三秒再确定");//执行到这里,这个队列才算是执行完了。然后才会尝试执行你的settimeout延时的程序,看看是不是可以调用了。不信你看看时间

https://img1.sycdn.imooc.com//5b67138c0001eb1e05460575.jpg


查看完整回答
反对 回复 2018-08-05
  • 2 回答
  • 0 关注
  • 904 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信