Window: queueMicrotask()-Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.
Die queueMicrotask()-Methode des Window-Interfaces
reiht einen Mikrotask ein, der zu einem sicheren Zeitpunkt ausgeführt wird, bevor die Kontrolle zur Ereignisschleife des Browsers zurückkehrt.
Der Mikrotask ist eine kurze Funktion, die nach Abschluss der aktuellen Aufgabe ausgeführt wird und wenn kein anderer Code darauf wartet, ausgeführt zu werden, bevor die Kontrolle des Ausführungskontextes an die Ereignisschleife des Browsers zurückgegeben wird.
Dies ermöglicht es Ihrem Code, ohne Beeinträchtigung anderer möglicherweise höher priorisierter ausstehender Codes ausgeführt zu werden, aber bevor der Browser die Kontrolle über den Ausführungskontext zurückerlangt, abhängig von der Arbeit, die Sie abschließen müssen. Sie können mehr darüber erfahren, wie Sie Mikrotasks nutzen und warum Sie dies tun könnten, in unserem Mikrotask-Leitfaden.
Die Bedeutung von Mikrotasks liegt in der Fähigkeit, Aufgaben asynchron aber in einer bestimmten Reihenfolge auszuführen. Weitere Details finden Sie unter Verwendung von Mikrotasks in JavaScript mit queueMicrotask().
Mikrotasks sind besonders nützlich für Bibliotheken und Frameworks, die abschließende Bereinigung oder andere Aufgaben direkt vor dem Rendern ausführen müssen.
Syntax
queueMicrotask(callback)
Parameter
Rückgabewert
Keiner (undefined).
Beispiele
queueMicrotask(() => {
// function contents here
});
Entnommen aus der queueMicrotask-Spezifikation:
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"));
});
}
};
Spezifikationen
| Spezifikation |
|---|
| HTML # microtask-queuing |