浅谈事件循环机制

今天学习了事件循环机制，做一个总结。

事件循环机制，因为js是单线程，为了避免单一的执行顺序造成堵塞，设置了任务队列，并将任务分为同步任务及异步任务。

js的执行顺序是：

1.进入任务执行栈，判断同步任务还是异步任务

2.

    2.1若为异步任务则判断宏任务还是微任务并执行，执行完成后注册回调，将回调函数放入任务 队列

    2.2若为同步任务则进入主线程，执行完后，执行任务队列，先执行所有注册的微任务再执行宏任务

图片来源：(33条消息) 微任务/宏任务和同步/异步之间的关系_矢臻镶的博客-优快云博客_宏任务是异步任务吗

注意点：

1.Promise.then()是微任务，微任务只有在执行成功后才会注册回调到任务队列，也就是resove()后then()才会放入任务队列中

2.async中的await  xxx()方法

async function aaa() {
    console.log("bbb")
    await ccc()
    console.log("ddd")
}

等同于

new Promise((resolve,reject)=>{
    console.log("bbb");
    resolve(ccc());
}).then(()=>{
    console.log("ddd");
})

3.setTimeout为宏任务，即使设置0ms后执行，也会默认改为1ms

参考文章：

如何跟面试官解释事件循环_frontend_frank的博客-优快云博客

微任务/宏任务和同步/异步之间的关系_矢臻镶的博客-优快云博客_宏任务是异步任务吗