js中任务队列简要理解

简要描述

JS的设计就是单线程的，任务一个接着一个做，不能同时处理多个任务，由此引入任务队列来解决这个问题。

js在处理任务时，可以分为同步任务和异步任务，在同步任务都执行完毕后，才开始执行异步任务。

通过查询，任务队列中又分为微任务（如常见的promise...）与宏任务（如setTimeout，setInterval...）

只有微任务队列中的任务全部执行完毕后，才会执行宏任务队列里面的任务。

举例

     console.log(1)
        setTimeout(function () {
            console.log("2")
        }, 0)
        console.log("3")
        function fun() {
            console.log("4")
        }
        fun()
        Promise.resolve().then(function () {
            console.log(5)
        }).then(function () {
            console.log(6)
        })
    

如上

由上到下顺序 

setTimeout被放在异步任务（宏任务）里，promise被放在异步任务（微任务）里

consolo.log（1）consolo.log（3）fun（）会被依次按顺序放到同步任务中

同步任务都执行完，异步任务才会执行，而异步中微任务先执行

打印结果如下：

 引入事件循环概念

异步任务执行后，其回调会放到任务队列中。当主线程任务执行结束后，就去任务队列中捞接下来要做的任务，放到主线程中执行，直到任务全部结束。如果无新的任务可做，浏览器处于等待状态，直到新的外部输入、事件触发，这样一个循环过程称为事件循环。

事件循环概念参考：(9条消息) JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解_js进程_伯约同学的博客-CSDN博客