事件循环机制
JavaScript是一门单线程语言，意味着在同一时间只能执行一个任务。但同时，它也是一门具有异步编程能力的语言。JavaScript中的事件循环机制就是为了实现异步编程而产生的。
任务队列
JavaScript中的任务分为两种：同步任务和异步任务。同步任务会在调用栈中按照顺序依次执行，而异步任务则会先被挂起，等待异步操作完成后再被推入到任务队列中。
任务队列可以理解为一个先进先出（FIFO）的队列，异步任务会被推入到任务队列的末尾，等待事件循环机制的处理。
事件循环
事件循环机制的核心是一个“无限循环”，它会不断地从任务队列中取出任务执行，直到任务队列中的所有任务都被执行完毕。
事件循环机制的每一轮称为一个“tick”，每一轮“tick”分为以下几个步骤：
1. 从任务队列中取出一个任务。
2. 将任务放入调用栈中执行。
3. 等待任务执行完毕。
4. 如果任务是异步任务，将回调函数推入任务队列中等待执行。
5. 如果任务是同步任务，继续执行下一个任务。
示例代码
下面是一个简单的示例代码，用来说明事件循环机制的执行过程：
console.log('start');
setTimeout(function() {
console.log('setTimeout');
}, 0);
Promise.resolve().then(function() {
console.log('Promise');
});
console.log('end');
运行上述代码后，控制台会输出以下内容：
start
end
Promise
setTimeout
这是因为在事件循环机制中，Promise会先于setTimeout被执行，因为Promise属于微任务，而setTimeout属于宏任务。
2023-05-05 21:12:49 更新