JavaScript Event Loop事件循环

Posted 2021-06-17 前端

JS是单线程的语言，它的异步同步是通过 Event Loop实现的，分为三个栈，调用栈、消息队列(宏任务)、微任务。

js执行的时候调用DOM遇到第一个函数的时候会把函数压入栈。

function fn2(){
            console.log(2)
        }
fn2()

fu2()会压入栈 执行function fn2()输出console.log(2)后栈弹出

var p = new Promise (resolve=>{
            console.log(5)   //5
            resolve()
        })
        p.then(function(){
            console.log(3)  //3
        })
        function fn2(){
            console.log(2)
　　　　　　　setTimeout(()=>{console.log(6)})  //6
        }
        fn2()

遇到promise 会把new promise压入栈中输出5 再把resolve()压入栈中，将p.then里的console.log(3)导入微任务中，执行fn2输出2后把setTimeout压入消息队列中，再执行微任务里的console.log(3)，微任务执行完毕后也就是输出3后，在执行console.log(6)，最后弹出。  这就是js单线程执行顺序