Die Verwendung von Single-Thread-JS- und Multi-Thread-Browsern

Dieses Mal werde ich Ihnen die Verwendung von Single-Thread-JS- und Multi-Thread-Browsern vorstellen. Was sind die Vorsichtsmaßnahmen für die Verwendung von Single-Thread-JS- und Multi-Thread-Browsern? , lasst uns einmal einen Blick darauf werfen.

JS-Sprache ist Single-Threaded. Der Browser weist js nur einen Hauptthread zum Ausführen von Aufgaben (Funktionen) zu, aber es kann jeweils nur eine Aufgabe ausgeführt werden. Diese Aufgaben bilden eine Aufgabenwarteschlange und werden in die Warteschlange gestellt Ausführung.

Der Browser ist multithreaded

Einige Frontend-Aufgaben sind sehr zeitaufwändig, wie z. B. Netzwerkanfragen, Timer und das Abhören von Ereignissen, sofern dies zulässig ist Mit anderen interagieren Wenn die Aufgaben alle gleich sind und in der Warteschlange auf ihre Ausführung warten, ist die Ausführungseffizienz sehr gering und es kann sogar zum Einfrieren der Seite kommen. Daher sind Browser Multithread-fähig, wie z. B. Webkit- oder Gecko-Engines, die über die folgenden Threads verfügen können:

JavascriptEngine-Thread

http-Anforderungsthread

Schnittstellen-Rendering-Thread

Browser-Ereignis-auslösender Thread

JS-Einzelthread und Ajax asynchron

Da JS angeblich in einem einzelnen Thread ausgeführt wird, warum erfolgt XMLHttpRequest nach der Verbindung? Asynchron? Dies wird vom Browser angefordert, um einen neuen Thread zu öffnen. Wenn sich der angeforderte Status ändert und zuvor ein Rückruf festgelegt wurde, generiert der asynchrone Thread ein Statusänderungsereignis und stellt es in die Warteschlange Ereignisverarbeitung der JavaScript-Engine, um auf die Verarbeitung zu warten. Wenn der Browser inaktiv ist, wird die aus der Warteschlange entfernte Aufgabe verarbeitet und die JavaScript-Engine führt die Rückruffunktion immer in einem einzelnen Thread aus. Die JavaScript-Engine ist in der Tat eine Single-Threaded-Aufgabenwarteschlange, die als eine Warteschlange verstanden werden kann, die aus gewöhnlichen Funktionen und Rückruffunktionen besteht. Das heißt, die Ajax-Anfrage ist tatsächlich asynchron. Dies ist eine neue Thread-Anfrage, die vom Browser geöffnet wird. Wenn das Ereignis zurückgerufen wird, wird es in die Single-Thread-Ereigniswarteschlange gestellt, um auf die Verarbeitung zu warten.

JS-Ereignisschleifenmechanismus (Ereignisschleife)

Javascript verfügt über einen Haupt-Thread-Hauptprozess und einen Call-Stack (einen Call-Stack). Alle anderen müssen warten . Wenn während der Ausführung einige asynchrone Vorgänge wie setTimeout auftreten, werden sie zur Verarbeitung an andere Module des Browsers (am Beispiel des Webkits, des Webcore-Moduls) übergeben, wenn die durch setTimeout angegebene verzögerte Ausführungszeit erreicht ist (Rückruffunktion) wird in die Aufgabenwarteschlange gestellt. Im Allgemeinen werden die Rückruffunktionen verschiedener asynchroner Aufgaben in unterschiedliche Aufgabenwarteschlangen gestellt. Warten Sie, bis alle Aufgaben im Aufrufstapel ausgeführt wurden, und führen Sie dann die Aufgaben (Rückruffunktionen) in der Aufgabenwarteschlange aus.

Wenn im obigen Bild DOM-Operationen, Ajax-Anfragen, setTimeout und andere WebAPIs im Aufrufstapel angetroffen werden, werden diese zur Verarbeitung an andere Module des Browserkernels übergeben Ein wichtiges Modul ist das Webcore-Modul. Für die drei in der Abbildung von WebAPIs genannten APIs stellt Webcore jeweils DOM-Bindungs-, Netzwerk- und Timer-Module bereit, um die zugrunde liegende Implementierung zu verwalten. Wenn diese Module die Verarbeitung dieser Vorgänge abgeschlossen haben, stellen Sie die Rückruffunktion in die Aufgabenwarteschlange und warten Sie dann, bis die Aufgaben im Stapel ausgeführt werden, bevor Sie die Rückruffunktion in der Aufgabenwarteschlange ausführen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Einige kleinere Probleme bei der Typkonvertierung in js

Implizite Typkonvertierung in JS

Das obige ist der detaillierte Inhalt vonDie Verwendung von Single-Thread-JS- und Multi-Thread-Browsern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!