WorkerGlobalScope: метод queueMicrotask()

Метод queueMicrotask() интерфейса WorkerGlobalScope добавляет микрозадачу в очередь для выполнения в безопасное время до возвращения управления циклу событий браузера.

Микрозадача — это короткая функция, которая будет выполнена после завершения текущей задачи и отсутствия другой ожидающей кода до возвращения управления циклу событий браузера.

Это позволяет вашему коду выполняться без вмешательства в другой, потенциально более приоритетный, код, который ожидает выполнения, но до того, как браузер вновь получит управление контекстом выполнения, потенциально зависящего от завершения необходимой вам работы. Вы можете узнать больше о том, как использовать микрозадачи и почему вы можете выбрать их использование, в нашем руководстве по микрозадачам.

Важность микрозадач заключается в их способности выполнять задачи асинхронно, но в определенном порядке. Подробнее см. Использование микрозадач в JavaScript с queueMicrotask().

Микрозадачи особенно полезны для библиотек и фреймворков, которым необходимо выполнить окончательную очистку или другие задачи, выполняемые непосредственно перед рендерингом.

callback

Функция function, которая будет выполнена, когда движок браузера определит, что безопасно вызвать ваш код. Добавляемые в очередь микрозадачи выполняются после завершения всех ожидающих задач, но до передачи управления циклу событий браузера.

None (undefined).

queueMicrotask(() => {
  // function contents here
});

Взято из спецификации queueMicrotask:

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"));
      });
  }
};

• Window.queueMicrotask()
• Полифил queueMicrotask() в core-js
• Использование микрозадач в JavaScript с queueMicrotask()
• Асинхронный JavaScript
• Объяснение queueMicrotask
• Задачи, микрозадачи, очереди и расписания Джейка Арчибальда