JS 宏任务和微任务

首先，我们需要明白一个概念，JS是单线程的，相当于在干活的时候只有一个人在干活。在JS内部，执行顺序可以分为主线程和任务队列两个。执行的时候先会执行主线程中的任务，然后再从任务队列中抓任务到主线程中执行。

有些事情JS内部就会自动把它放到任务队列里面，比如定时器，DOM的渲染以及各种各样的点击事件等等。

    setTimeout(() => {
        console.log("定时器")
    });
    console.log("Joker")

在执行的时候，定时器会被放到任务队列里面，内部在执行的时候先把主线程的执行完了，再执行任务队列里面的任务，因此这里打印的是Joker再接着才是定时器。

---

其实我们的任务队列可以再细分为宏任务队列和微任务队列，而微任务队列的执行优先级是高于宏任务队列的。

接着我们再来看一段代码，看看他们的输出顺序是怎么样的。

    setTimeout(() => {
        console.log("定时器")
    });
    Promise.resolve().then(val=>{
        console.log("Promise")
    });
    console.log("Joker")

因为在JS内部Promise属于微任务，定时器属于宏任务，因此得到上述输出顺序。

总结:JS的任务执行顺序可以这样理解=> 主线程任务>微任务队列>宏任务队列