setTimeout面试连击

第一击

for (var i = 0; i < 5; i++) {
  console.log(i);
}

答案: 0 1 2 3 4

第二击

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

答案: 5 5 5 5 5

第三击

怎么修改输出0 1 2 3 4

# 闭包模式   或者Es6的`let`
for (var i = 0; i < 5; i++) {
  (function(i) {
    setTimeout(function() {
      console.log(i);
    }, i * 1000);
  })(i);
}

第四击

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

答案: 5 5 5 5 5

第五击


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

答案: 0 1 2 3 4

第六击

运行机制

setTimeout(function() {
  console.log(1)
}, 0);
new Promise(function executor(resolve) {
  console.log(2);
  for( var i=0 ; i<10000 ; i++ ) {
    i == 9999 && resolve();
  }
  console.log(3);
}).then(function() {
  console.log(4);
});
console.log(5);

setTimeout属于异步进程任务,会放到任务队列等待执行

Promise里面是立即执行函数,因此先输出2和3,then则会在当前tick的最后执行,因此会先输出5,再接着输出4,最后输出1

答案: 2 3 5 4 1

参考资料:

Blog传送

题目来源

阅读更多
版权声明: https://blog.csdn.net/nyflxp/article/details/79720453
文章标签: 面试 前端
个人分类: 面试 javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭