Метод Window: queueMicrotask()

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

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

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

Важность микрозадач заключается в возможности выполнения задач асинхронно, но в определенном порядке. Подробнее см. Использование микрозадач в 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"));
      });
  }
};

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