JavaScript -- 几道面试题

╰+攻爆jí腚メ 2022-06-14 11:59 296阅读 0赞

**第一题：**

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

经典题目，setTimeout 会延迟执行，当轮到执行 console.log 的时候，其实 i 已经变成 5 了，所以会没隔一秒输出一个5，共输出五个5。

**第二题：**

上面的题目怎样改可以输出0-4？

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

使用了闭包。

**第三题：**

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

这里给setTimeout传递了没有返回值的一个立即执行函数。相当于：

setTimeout(undefined, ...);

而立即执行函数则会马上执行。因此这道题会马上输出0-4。

**BOSS题：**

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，于是会先设置一个定时，在定时结束后将传递这个函数放到任务队列里面，因此开始肯定不会输出 1 。

然后是一个 Promise，里面的函数是直接执行的，因此应该直接输出 2 3 。

然后，Promise 的 then 应当会放到当前 tick 的最后，但是还是在当前 tick 中。

因此，应当先输出 5，然后再输出 4 。

最后在到下一个 tick，就是 1 。

因此输出：2 3 5 4 1

发表评论取消回复

表情：

评论列表（有 0 条评论，296人围观）

还没有评论，来说两句吧...

相关阅读

相关 43道JavaScript面试题

1. 下面代码的输出是什么？ function sayHi() { console.log(name) conso

た入场券/ 2023年10月12日 22:34/ 0 赞/ 65 阅读

相关 JavaScript 50道面试题

记录一些具有代表性的js面试题，扎实一下基础，一起学习，一起进步，`有则改之无则加勉`。 -------------------- 1.下面代码的输出是什么？

ゝ一世哀愁。/ 2023年06月08日 06:51/ 0 赞/ 28 阅读

相关 JavaScript必看十道面试题

1.this指向 1.谁调用指向谁例： function foo(){ console.log("this",thi

ゝ一世哀愁。/ 2023年01月23日 01:56/ 0 赞/ 286 阅读

相关 JavaScript作用域及几道面试题

我们搞懂了作用域，才能更清楚的知道代码的执行顺序！作用域： // 域：空间、范围、区域…… // 作用：读、写 script 全局变量、全局函数

女爷i/ 2022年09月30日 06:48/ 0 赞/ 221 阅读

相关 10道典型的JavaScript面试题

在IT界中，JavaScript开发人员的需求量一直居高不下。如果你的能力能够胜任这一角色，那么你有很多机会换一家公司，并提高薪水。但在你被一家公司聘用之前，你必须展示你的技能

朴灿烈づ我的快乐病毒、/ 2022年09月26日 15:00/ 0 赞/ 193 阅读

相关 26道费脑子的 JavaScript 面试题整理，看看你能答对几道

![903576e25749fde3a44aef8057f8ec3c.png][] 来源 | https://www.cnblogs.com/wanglinmantan/p/

我不是女神ヾ/ 2022年09月03日 05:26/ 0 赞/ 212 阅读

相关几个JavaScript面试题

1.问题：\`foo\`的值是什么？ var foo = 10 + '20'; foo = 1020 2.下面的语句的返回值是什么？

柔光的暖阳◎/ 2022年08月18日 13:25/ 0 赞/ 241 阅读

相关几道面试题

1：请分别划出OSI的七层网络结构图，和TCP/IP的五层结构图? 2：请你详细的解释一下IP协议的定义，在哪个层上面，主要有什么作用？TCP与UDP呢？ 3：

刺骨的言语ヽ痛彻心扉/ 2022年07月16日 14:10/ 0 赞/ 279 阅读

相关 JavaScript -- 几道面试题

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

╰+攻爆jí腚メ/ 2022年06月14日 11:59/ 0 赞/ 297 阅读

相关 Redis几道常见的面试题！

前言 > 只有光头才能变强。 > 文本已收录至我的GitHub仓库，欢迎Star：[https://github.com/ZhongFuCheng3y/3y][http

﹏ヽ暗。殇╰゛Y/ 2021年09月17日 17:54/ 0 赞/ 486 阅读