首页 > 试题广场 >

请问以下JS代码的输出顺序是？ let date = new

[单选题]

请问以下JS代码的输出顺序是？

let date = new Date()
setTimeout(() => {
    console.log('1')
}, 2000)
setTimeout('console.log(2)',1000);
setTimeout(function() {
  console.log('3')
}, 1500);
while((new Date() - date) < 3000) {}

```
报错
```
```
3秒以后同时输出2 3 1
```

1秒后输出2，1.5秒后输出3，2秒后输出1

4秒后输出2，4.5秒后输出3，5秒后输出1

查看正确选项

__sgf__

let date = new Date()
setTimeout(() => {
    console.log('1')
}, 2000)
setTimeout('console.log(2)',1000);
setTimeout(function() {
  console.log('3')
}, 1500);
while((new Date() - date) < 3000) {}

在执行前八行代码的时候在回调函数队列里面依次添加三个回调函数，此时回调函数队列为【2,3,1】

然后在while循环里面停留三秒，这时已经把回调函数队列里面的三个回调函数的等待时间都花光了，等循环停留三秒结束后，立刻执行回调函数队列里面的函数，所以3秒以后同时输出2 3 1。

发表于 2021-12-14 11:03:30 回复(13)

——晨晨——

while哪里是微任务？while就是同步执行的吧。我还在最后加了一行console试了一下，console并没有马上执行，也是过了三秒等while结束了才打印。

发表于 2022-08-20 18:29:22 回复(2)

浩learn

evenLoop,当遇到setTimeout或者SetInterval ,他们会进入宏任务队列，此时，函数不执行，但是他们的时间会开始计算。如果程序微任务或者代码运行时间过长，那么执行宏任务时他们会直接执行

发表于 2022-04-26 15:27:59 回复(0)

牛客242324907号

while是微任务

发表于 2022-04-06 12:41:03 回复(1)

想去三亚看海的单身狗在许愿

三个setTimeout 是异步进入异步队列(并进行读秒) while 是同步只有当同步代码执行完毕才会执行异步代码当while 同步执行完毕时已经过了三秒而且三个setTimeout 时间都已经过了所以会同时打印出来

编辑于 2023-05-09 00:24:13 回复(0)

在下蛰伏

let date = new Date() //①
    //②
    setTimeout(() => {
      console.log('1')
    }, 2000)
    //③
    setTimeout('console.log(2)', 1000);
    //④
    setTimeout(function () {
      console.log('3')
    }, 1500);
    while ((new Date() - date) < 3000) { }//⑤
    // ①⑤属于同步任务，②③④属于宏任务。从①开始执行，执行到②时，会先将他挂起，然后等2s后
    //放入队列，执行到③时，挂起然后等1s放入队列，执行到④，挂起等1.5s放入队列。
    // new Date()-date其实是对new Date()、date进行隐式转换成时间戳进行相减。
    //执行⑤时，等待3s后(在等待1s后，③到时间了，优先放入队列。等待1.5s后，④到时间了，放入队列，等待2s后，②放入队列)
    //执行栈从队列取出宏任务执行。分别输出2、3、1

发表于 2022-09-29 10:32:15 回复(0)