javascript如何实现宏任务_有哪些例子

宏任务是事件循环中每次迭代执行一个的任务，优先级低于微任务，常见类型包括setTimeout、setInterval、setImmediate（Node.js）、I/O回调、UI渲染、postMessage、MessageChannel及script初始执行；其执行顺序为：执行一个宏任务→清空所有微任务→渲染（浏览器）→进入下一宏任务。

JavaScript 中的宏任务（Macrotask）是事件循环中的一类任务，它们在每次事件循环的迭代中执行一个，且优先级低于微任务（Microtask）。宏任务的主要特点是：每个宏任务执行完后，会清空当前所有微任务队列，再进入下一个宏任务。

常见的宏任务有哪些

以下是最典型的宏任务来源，它们都会被推入宏任务队列（macrotask queue），等待主线程空闲时依次执行：

• setTimeout 和 setInterval 的回调函数
• setImmediate（仅 Node.js 环境支持）
• I/O 操作完成后的回调（如文件读取、网络请求的 callback，Node.js 中）
• UI 渲染任务（浏览器环境，虽不可直接调用，但属于宏任务范畴）
• postMessage 和 MessageChannel 的消息处理回调
• script 标签的初始执行（整个脚本本身就是一个宏任务）

宏任务和微任务的执行顺序

理解宏任务的关键在于它和微任务的协作关系。一次事件循环包含：

• 执行一个宏任务（如 setTimeout 回调）
• 立即执行所有已排队的微任务（如 Promise.then、queueMicrotask）
• 渲染（浏览器环境，若需要）
• 进入下一个宏任务

例如：

立即学习“Java免费学习笔记（深入）”；

console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve().then(() => console.log('3'));
console.log('4');
// 输出顺序：1 → 4 → 3 → 2

这里 setTimeout 是宏任务，排在下一轮；而 Promise.then 是微任务，插在当前宏任务末尾、下个宏任务前执行。

标签： javascript java js node.js node 浏览器 回调函数 mac 栈 为什么