JS - 事件循环和任务队列
栈、堆和队列
- 栈:函数调用形成栈
- 堆:对象的内容分配在堆中
- 队列:一个 JavaScript 运行时包含了一个待处理的消息队列。在事件循环期间依次处理队列中的消息
事件循环
之所以称之为事件循环,是因为它经常按照类似如下的方式来被实现:
while (queue.waitForMessage()) {
queue.processNextMessage();
}
如果当前没有任何消息,
queue.waitForMessage()
会同步地等待消息到达。
任务队列
任务队列是指 macrotask queue,当 macrotask queue 空了(都处理完了)就开始处理 microtask queue,并且依次就将所有 microtask queue 都处理完(类似将 microtask queue 的所有任务合成为一个当 macrotask)。
- macrotasks: setTimeout, setInterval, setImmediate(Non-standard), I/O, UI rendering
- microtasks: process.nextTick, Promises, Object.observe(Obsolete), MutationObserver