事件循环的理解（日常笔记）

一、事件循环是什么

事件循环（Event Loop）是JS处理异步操作的核心机制，它允许JS在单线程环境下实现非阻塞的异步编程。事件循环通过一个任务队列来管理异步操作，当异步操作完成时，会将对应的回调函数放入任务队列中，等待事件循环的调度执行。

事件分为同步和异步事件，同步事件会在当前事件循环中立即执行，而异步事件则会在当前事件循环结束后，在下一个事件循环中执行。

二、宏任务与微任务

异步事件又分为宏任务和微任务，事件循环会先执行所有的同步事件，然后按照宏任务和微任务的顺序，依次执行任务队列中的回调函数。

微任务

微任务包括Promise的then、catch、finally等。

宏任务

宏任务包括定时器（setTimeout,setInterval）、I/O操作、用户交互等，

三、async与await

async

async是一个函数定义前的关键字，用于声明一个函数为异步函数。当一个函数被声明为异步时，该函数体内的代码会返回一个Promise对象。这个Promise对象的状态取决于函数内部的执行情况。如果函数内部没有任何异步操作，那么该Promise默认会以resolved状态返回。

await

await关键字只能用在async函数内部，用来等待一个Promise对象的结果。当Promise解析时，await表达式返回Promise的值；如果Promise被拒绝，那么await表达式会导致一个在async函数中抛出的异常。使用await可以让异步代码看起来更像同步代码，提高代码的可读性。

四、事件循环与微任务、宏任务的执行顺序

1. 执行同步代码，遇到异步任务，将异步任务放入任务队列中(分为宏任务队列和微任务队列)。
2. 执行所有的同步代码，同步代码执行完毕后，执行微任务队列中的任务。
3. 执行宏任务队列中的任务（微任务丢到任务队列），执行完毕后，执行微任务队列中的任务。
4. 重复步骤3，直到任务队列为空。

五、代码演示

console.log(1)Ï
setTimeout(() => {
    console.log(2)
}, 0)
new Promise((resolve, reject) => {
    console.log('new Promise')
    resolve()
}).then(() => {
    console.log('then')
})
console.log(3)

//输出
1
new Promise
3
then
2