suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der JavaScript-Multithreading_Javascript-Fähigkeiten

Detaillierte Erläuterung der JavaScript-Multithreading_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:45:371264Durchsuche

Obwohl immer mehr Websites mit AJAX-Technologie entwickelt werden, ist die Erstellung einer komplexen AJAX-Anwendung immer noch ein Problem.

Was sind die Hauptgründe für diese Schwierigkeiten? Handelt es sich um ein asynchrones Kommunikationsproblem mit dem Server? Oder handelt es sich um ein GUI-Programmierproblem? Normalerweise werden diese beiden Aufgaben von Desktop-Programmen erledigt. Warum ist es dann so schwierig, eine AJAX-Anwendung zu entwickeln, die dieselbe Funktion erreichen kann?

Jeder weiß, dass JavaScript in einem einzelnen Thread ausgeführt wird, aber es kann eine Methode auch regelmäßig über setTimeout oder setInterval ausführen. Über Ajax können Sie die Hauptlogik weiterhin ausführen, nachdem Sie eine Anfrage an den Server gesendet, aber keine Antwort erhalten haben . Wie dies geschieht, wird im Folgenden erläutert.

Schauen Sie sich zunächst den folgenden Code an: 

<html>
  <body>
  <script type="text/javascript">
    function printHello()
    {
      console.time("hello");
    }
    function printHello1()
    {
      console.timeEnd("hello");
    }
    setTimeout(printHello,1000);
    setTimeout(printHello1,5000);
    function wait(time)
    {
      var now = Date.now();
      while(Date.now() - now < time)
      {
      }
    }
    wait(5000);
  </script>
  </body>
</html>

Das Ausführungsergebnis des obigen Codes ist 

hello: 0.124ms

Wie aus dem Code ersichtlich ist, werden printHello und printHello1 fast gleichzeitig ausgeführt. Für ein Multithread-Modell sollte das Ausführungsintervall 4000 ms betragen.

Der Grund dafür ist, dass setTimeout das Ereignis nur zu diesem Zeitpunkt in die Warteschlange schiebt, anstatt es sofort auszuführen. Der konkrete Zeitpunkt der Ausführung hängt von der Inaktivität des Browsers ab.

Tatsächlich sind Browser zwar Single-Threaded, aber ein typischer Browser verfügt über die folgenden Threads:

Javascript-Engine-Thread
Schnittstellen-Rendering-Thread
Browser-Ereignis-Trigger-Thread
HTTP-Anfragethread

Javascript-Einzelthread bezieht sich darauf, dass der JavaScript-Engine-Thread seine Ereigniswarteschlange in einem einzelnen Thread verarbeitet. Viele Ereignisse sind asynchron, z. B. Mausklickereignisse, setTimeout und Ajax-Rückrufereignisse auftreten, stellt der Browser diese Ereignisse in die Ausführungswarteschlange und wartet darauf, dass sie ausgeführt werden, wenn der Browser inaktiv ist.

Außerdem ist es erwähnenswert, dass der Ajax-Aufruf tatsächlich asynchron ist. Der Browser startet einen neuen Thread, um eine Anfrage an den Server zu senden in der Serverrückgabewarteschlange.

Das Obige ist mein Verständnis von JavaScript-Multithreading. Ich hoffe auch, dass alle Helden wertvolle Meinungen abgeben und gemeinsam lernen können. Ich hoffe, dass die obige Einführung für alle hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Realisieren Sie einen dynamischen digitalen Anzeigeeffekt basierend auf jQuery_jqueryNächster Artikel：Realisieren Sie einen dynamischen digitalen Anzeigeeffekt basierend auf jQuery_jquery

In Verbindung stehende Artikel

Mehr sehen