在 JavaScript 中,宏任务(Macro Task)和微任务(Micro Task)是用来管理异步代码执行顺序的两个重要概念。它们帮助我们理解 JavaScript 中事件循环的执行机制。
宏任务(Macro Task):
- 宏任务代表的是一组独立的、顺序执行的 JavaScript 代码,通常来自于浏览器 API,比如定时器回调、鼠标事件、键盘事件、网络请求等。
- 在事件循环中,每个宏任务会在当前执行栈执行完毕后立即执行,不管队列中是否有微任务。
微任务(Micro Task):
- 微任务也是一组独立的 JavaScript 代码,但它们会在当前任务执行完毕后立即执行。
- 典型的微任务包括 Promise 的
then
方法和 MutationObserver 回调函数。
事件循环执行过程:
- 执行全局同步代码,形成一个执行上下文(Execution Context)入栈并执行。
- 当遇到宏任务时,将宏任务放入宏任务队列,并等待执行。
- 当执行上下文中的同步任务执行完毕后,检查是否存在微任务,如果存在则按照先进先出(FIFO)的顺序依次执行微任务队列中的任务。
- 当所有微任务执行完毕后,开始执行下一个宏任务。
示例代码:
console.log('Start');
setTimeout(function() {
console.log('SetTimeout');
}, 0);
Promise.resolve().then(function() {
console.log('Promise1');
}).then(function() {
console.log('Promise2');
});
console.log('End');
在这个示例中,首先执行全局同步代码,依次输出 'Start' 和 'End'。然后将 setTimeout
和 Promise
的 then
方法中的回调函数作为宏任务和微任务分别放入对应的队列。最后,按照事件循环的执行顺序,先执行微任务队列中的两个 Promise 回调,依次输出 'Promise1' 和 'Promise2',然后再执行宏任务队列中的 setTimeout 回调,输出 'SetTimeout'。
通过理解宏任务和微任务的执行规则,可以更好地处理 JavaScript 中的异步操作,并避免意外的执行顺序问题。希望这个解释能够帮助你理解宏任务和微任务的概念!如果还有其他问题,请随时提出。