JavaScript事件环中微任务和宏任务队列的原理是怎样的？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1076个文字，预计阅读时间需要5分钟。
JavaScript 事件环与JavaScript 程序的运行是离不开事件环机制的。这种机制确保在发生某些事件时，我们能有机会执行事先定义好的函数。当事件发生时，JavaScript 会将相应的函数推入事件栈执行，然后从栈中取出执行完毕。
JS 事件环
JS 程序的运行是离不开事件环机制的，这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数，事情发生的时候 JS 会将相应的函数入栈执行然后出栈，但是关于事件环我们还有一些未知的东西，例如，setTimeout 我们习惯称他为定时器，但是可能很多人没有意识到，这个东西和我们常用的一些事件没什么不同，只不过我们通常所说的事件大多需要用户触发，而 setTimeout 不用用户自己触发，而是指定时间之后触发；那么问题来了，如果我们将时间设置为 0 会发生什么？会立即执行么？
setTimeout、DOM或者 HTTP请求这部分其实并不在 v8 引擎中，这些属于 web API，javascript 是一个单线程的语言，也就意味着一次只能做一件事情，这个事实从未改变
执行原理
JS 中所有的方法都会被推入栈中执行，执行完成被弹出，在遇到异步代码的时候，例如 setTimeout MutationObserver Promise 异步的部分会由其他掌管 webAPI 的地方执行，等异步有结果之后，回调函数会进入相应的队列，Promise MutationObserver 回调进入微任务队列，setTimeout setInterval requestAnimationFrame 进入宏任务队列。
本文共计1076个文字，预计阅读时间需要5分钟。
JavaScript 事件环与JavaScript 程序的运行是离不开事件环机制的。这种机制确保在发生某些事件时，我们能有机会执行事先定义好的函数。当事件发生时，JavaScript 会将相应的函数推入事件栈执行，然后从栈中取出执行完毕。
JS 事件环
JS 程序的运行是离不开事件环机制的，这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数，事情发生的时候 JS 会将相应的函数入栈执行然后出栈，但是关于事件环我们还有一些未知的东西，例如，setTimeout 我们习惯称他为定时器，但是可能很多人没有意识到，这个东西和我们常用的一些事件没什么不同，只不过我们通常所说的事件大多需要用户触发，而 setTimeout 不用用户自己触发，而是指定时间之后触发；那么问题来了，如果我们将时间设置为 0 会发生什么？会立即执行么？
setTimeout、DOM或者 HTTP请求这部分其实并不在 v8 引擎中，这些属于 web API，javascript 是一个单线程的语言，也就意味着一次只能做一件事情，这个事实从未改变
执行原理
JS 中所有的方法都会被推入栈中执行，执行完成被弹出，在遇到异步代码的时候，例如 setTimeout MutationObserver Promise 异步的部分会由其他掌管 webAPI 的地方执行，等异步有结果之后，回调函数会进入相应的队列，Promise MutationObserver 回调进入微任务队列，setTimeout setInterval requestAnimationFrame 进入宏任务队列。