微任务创建 -- queueMicrotask()

最新推荐文章于 2024-07-22 08:55:10 发布

willwe

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量807

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/willwe/article/details/132674869

版权

微任务创建方式：

Promise.then(()=>{})
Mutation Observer()
queueMicrotask()
本文主要介绍queueMicrotask()的使用。

queueMicrotask的使用

Window 或 Worker 接口的 queueMicrotask() 方法，将微任务加入队列以在控制返回浏览器的事件循环之前的安全时间执行。
语法：queueMicrotask(() => {/* … */});
参数：function
返回值：无
代码示例：

MyElement.prototype.loadData = function (url) {
  if (this._cache[url]) {
    queueMicrotask(() => {
      this._setData(this._cache[url]);
      this.dispatchEvent(new Event("load"));
    });
  } else {
    fetch(url)
      .then((res) => res.arrayBuffer())
      .then((data) => {
        this._cache[url] = data;
        this._setData(data);
        this.dispatchEvent(new Event("load"));
      });
  }
};