JavaScript 中有哪些宏任务

在 JavaScript 的异步编程领域，宏任务是一个重要概念。理解宏任务对于优化代码性能、确保程序的流畅运行至关重要。

宏任务是由宿主环境发起的任务，常见的宏任务包括：

setTimeout

setTimeout 用于在指定的延迟时间后执行代码。语法为 setTimeout(callback, delay, arg1, arg2,...)，其中 callback 是要执行的函数，delay 是延迟的毫秒数。例如：

setTimeout(() => {
    console.log('这是setTimeout中的宏任务');
}, 2000);

这段代码会在两秒后打印出相应的信息。setTimeout 会将任务添加到宏任务队列中，等待主线程空闲时执行。

setInterval

setInterval 与 setTimeout 类似，不过它会按照指定的时间间隔重复执行任务。语法为 setInterval(callback, delay, arg1, arg2,...)。如下代码：

let count = 0;
setInterval(() => {
    count++;
    console.log(`setInterval执行第 ${count} 次`);
}, 1000);

这段代码会每隔一秒打印一次计数信息，不断将任务添加到宏任务队列中等待执行。

I/O 操作

在浏览器环境中，网络请求（如 fetch 发起的请求）、DOM 渲染等 I/O 操作也属于宏任务。当一个 fetch 请求完成时，响应处理函数会被放入宏任务队列。例如：

fetch('https://example.com/api/data')
  .then(response => response.json())
  .then(data => console.log(data));

这里，then 回调中的代码在 fetch 操作完成后作为宏任务执行。

UI 渲染

浏览器的 UI 渲染也是宏任务。当页面的 DOM 结构发生变化或者有动画执行时，浏览器需要进行 UI 渲染。这个过程会被安排在宏任务队列中，确保在合适的时机进行渲染，以避免影响主线程的性能。

JavaScript 中的宏任务为异步编程提供了强大的支持。通过合理利用 setTimeout、setInterval 以及处理 I/O 操作和 UI 渲染等宏任务，开发者可以更好地控制代码的执行流程，提高程序的响应性和用户体验。深入理解宏任务机制，有助于我们编写出更高效、稳定的 JavaScript 代码。