js多个异步函数为什么会同时执行？

Question

function fu() {

    setTimeout(() => {
        console.log(1)
    }, 2000)

    setTimeout(() => {
        console.log(2)
    }, 2000)

    setTimeout(() => {
        console.log(3)
    }, 2000)

    setTimeout(() => {
        console.log(4)
    }, 2000)

}

fu();

如图，js不是单线程的吗？为什么这几个命令会在两秒后同时输出？单线程不应该是每两秒输出一个吗？

Answer 1

首先，当代码执行到第一个延时器时，延时器两秒后输出，

这期间其他的代码执行顺序并不是等这这个延时器执行完再继续往下走，

而是将这个延时器放在异步队列里面，随之执行后面代码第二个延时器，继续将第二个延时器放入异步队列；

继续往下执行代码，第三个延时器，以此类推，因为代码执行速度很快，放在异步队列中的延时器都是两秒，所以几乎是同时输出
如果要一直等延时器结束，再执行下一步的话，博主可以研究一下async/await的用法

望采纳