JavaScript 事件队列

最新推荐文章于 2024-11-05 19:06:49 发布

愿得一人心&&

最新推荐文章于 2024-11-05 19:06:49 发布

阅读量946

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/ChenFan_158/article/details/106600266

版权

本文详细介绍了JavaScript的事件队列，从早期的历史到ES6引入Promise后的变化。JavaScript是单线程执行，事件队列分为宏任务队列和微任务队列。通过示例代码解析了事件循环的工作原理，展示了setTimeout和Promise如何影响任务执行顺序，强调了微任务在当前事件结束前的执行特性。

摘要由CSDN通过智能技术生成

JavaScript 事件队列

JavaScript 是单线程执行代码片段的。

早期历史

早期（ES6 之前）的 JavaScript 引擎只负责子啊合适的时候执行某一个 JavaScript 代码段，此时的代码主要是被分为很多的事件，然后按照一定的顺序（事件循环队列）进行执行。此时的事件队列主要是靠宿主环境（此时一般都为浏览器）来维护的，存在很多的不可靠性。

ES6 的事件队列

ES6 之后，由于 Promise 的出现，JavaScript 引擎开始对事件循环队列进行直接控制，从而出现了事件队列（宏任务队列）和任务队列（微任务队列）。
任务队列挂在事件队列中的每个事件之后，可以理解为：此事件执行完成后，还需要执行下面这些任务队列中的任务，然后再执行下一个事件。

理解代码 1

console.log("A");

// 在合适的时候放入下一个事件循环队列
setTimeout(() => {
   
  console.log("C");
}, 0);
// Promise-1
new Promise((resolve) => {
   
  // 同步执行
  console.log("B")