HTML DOM queueMicrotask() 方法

queueMicrotask() 方法是一个较新的 Web API，通过将指定的回调函数添加到微任务队列中，使得在当前任务完成后执行。

语法

queueMicrotask(callback)

参数

callback: 必选，要添加到微任务队列的回调函数。

返回值

undefined

示例

function logMessage() { 
  console.log("This is a message from the microtask queue.");
}

queueMicrotask(logMessage);
console.log("This is a message from the task queue.");

输出结果为：

This is a message from the task queue.
This is a message from the microtask queue.

由于 logMessage() 函数被添加到微任务队列中，所以在当前任务完成后被执行。

用途

queueMicrotask() 方法可用于以下情况：

• 改善性能：queueMicrotask() 将任务推迟到下一个微任务时段，从而减少了在当前任务中处理操作的压力，进而提高了性能。
• 确保可见性：在使用 queueMicrotask() 时，可以确保用户界面的频繁更新，而不会使其堵塞或卡顿。

兼容性

queueMicrotask() 方法是较新的 Web API，目前只有 Chrome 和 Firefox 支持。

参考资料

• MDN Web Docs