微队列的几种实现方法

官方API(较新)

 queueMicrotask(callback);

使用Promise

 Promise.resolve().then(callback)

node环境

process.nextTick(callback);

*ps:process.nextTick的优先级比微任务高，可以当作微任务

MutationObserver API

      const ob = new MutationObserver(callback);
      const textNode = document.createTextNode("1");
      ob.observe(textNode, {
        characterData: true,
      });
      textNode.data = "2";

兼容写法

if (typeof queueMicrotask !== 'function') {
 queueMicrotask = (callback) => {
    Promise.resolve().then(callback);
  };
}

// 使用
queueMicrotask(() => console.log('微任务'));