Heim > Web-Frontend > js-Tutorial > Hauptteil

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]

青灯夜游
Freigeben: 2022-11-25 20:56:07
nach vorne
1761 Leute haben es durchsucht

Dieser Artikel hilft Ihnen beim Erlernen der Node-Ereignisschleife durch Animation. Ich hoffe, er wird Ihnen hilfreich sein!

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]

Wir haben alle gehört, dass JavaScript und Node.js Single-Threaded sind, aber was bedeutet das eigentlich?

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]

Das bedeutet, dass JavaScript jeweils nur eine Aufgabe ausführen kann. Wir können beispielsweise nicht gleichzeitig Zahlen multiplizieren und addieren. Normalerweise machen wir das der Reihe nach. Wir addieren und multiplizieren dann und umgekehrt. Moderne Computer sind so schnell, dass die Ergebnisse von zwei oder mehr aufeinanderfolgenden Aufgaben scheinbar gleichzeitig berechnet werden, es gibt jedoch Ausnahmen. [Empfehlung für ein entsprechendes Tutorial: nodejs-Video-Tutorial]

Wir haben alle versucht, Daten von dieser langsamen Website zu extrahieren, oder mehr als 30 Sekunden gewartet, bevor wir die Ergebnisse der Datenbankabfrage erhielten. Möchten wir verhindern, dass ein einzelner Thread mehr Aufgaben ausführt, weil die Datenbankabfrage langsam ist? Node.js stoppt jedoch nicht die Ausführung anderer Vorgänge, da Libuv eine C++-Bibliothek ist, die für Ereignisschleifen und die asynchrone Verarbeitung von Netzwerkanforderungen, DNS-Auflösung, Dateisystemvorgängen und Daten verantwortlich ist Verschlüsselung usw. . 我们是否想因为数据库查询速度慢而阻止单线程执行更多任务?然而,Node.js 并没有停止运行其他操作,因为 Libuv 是一个 C++ 库,负责事件循环和异步处理网络请求、DNS 解析、文件系统操作、数据加密等任务。

当 Node.js 处理诸如数据库查询之类的任务时,幕后会发生什么?我们将按照这段代码一步一步来探索它。

这是我们的示例代码

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]

V8 JavaScript 引擎管理调用堆栈,这是跟踪我们程序的哪个部分正在运行的重要部分。每当我们调用 JavaScript 函数时,它都会被推送到调用堆栈。一旦函数到达其结尾或return语句,它就会从堆栈中弹出。

在我们的示例中,代码行 console.log('Starting Node.js') 被添加到调用堆栈并打印 Starting Node.js 到控制台。通过这样做,它到达log函数的末尾并从调用堆栈中删除。

Node.js 调用堆栈上的函数调用

以下代码行是一个数据库查询。这些任务会立即弹出,因为它们可能需要很长时间。它们被传递给 Libuv,后者在后台异步处理它们。同时,Node.js 可以在不阻塞其单线程的情况下继续运行其他代码。

将来,Node.js 将知道如何处理查询,因为我们已将回调函数与处理任务结果或错误的指令相关联。在我们的例子中,它是一个简单的 console.log,但它可能是复杂的业务逻辑或生产应用程序中的数据处理。

Libuv 处理 I/O 操作

当 Libuv 在后台处理查询时,我们的 JavaScript 没有被阻塞,可以继续使用 console.log(”Before query result”)

Was passiert hinter den Kulissen, wenn Node.js Aufgaben wie Datenbankabfragen übernimmt? Wir werden es Schritt für Schritt erkunden, indem wir diesem Code folgen.

在 Node.js 运行我们的代码时处理 I/ODies ist unser Beispielcode

Codebeispiel mit Ereignisschleife

Die V8-JavaScript-Engine verwaltet den Aufrufstapel, der ein wichtiger Teil der Verfolgung ist, welcher Teil unseres Programms ausgeführt wird. Immer wenn wir eine JavaScript-Funktion aufrufen, wird sie im Aufrufstapel nach oben verschoben. Sobald eine Funktion ihr Ende oder ihre return-Anweisung erreicht, wird sie vom Stapel entfernt.

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]In unserem Beispiel wird die Zeile console.log('Starting Node.js') zum Aufrufstapel hinzugefügt und gibt Starting Node.js auf der Konsole aus. Dadurch erreicht es das Ende der log-Funktion und wird aus dem Aufrufstapel entfernt.

Funktionsaufrufe auf dem Node.js-AufrufstapelDie folgende Codezeile ist eine Datenbankabfrage. Diese Aufgaben tauchen sofort auf, da sie lange dauern können. Sie werden an Libuv übergeben, das sie asynchron im Hintergrund verarbeitet. Gleichzeitig kann Node.js weiterhin anderen Code ausführen, ohne seinen einzelnen Thread zu blockieren.

In Zukunft wird Node.js wissen, wie mit Abfragen umgegangen wird, da wir Rückruffunktionen mit Anweisungen zum Umgang mit Aufgabenergebnissen oder Fehlern verknüpft haben. In unserem Fall handelt es sich um ein einfaches console.log, es könnte sich aber auch um komplexe Geschäftslogik oder Datenverarbeitung in einer Produktionsanwendung handeln. Libuv verarbeitet E/A-Vorgänge

Wenn Libuv die Abfrage im Hintergrund verarbeitet, wird unser JavaScript nicht blockiert und kann weiterhin console.log("Before query result") verwenden.

🎜🎜🎜🎜Nachdem die Abfrage abgeschlossen ist, Sein Rückruf wird in die E/A-Ereigniswarteschlange verschoben, um sofort ausgeführt zu werden* 🎜. 🎜 * Die Ereignisschleife verbindet die Warteschlange mit dem Aufrufstapel. Es prüft, ob letzteres leer ist, und verschiebt das erste Warteschlangenelement zur Ausführung. 🎜🎜🎜🎜🎜Der Code ist verfügbar unter 🎜github.com/fabrillallo… 🎜🎜🎜🎜🎜Quiz zur Ereignisschleife 🎜🎜 Versuchen Sie, den folgenden Code herauszufinden, der auf der Konsole aufgedruckt ist. 🎜

NodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]

Fazit

Ereignisschleifen, Delegaten und asynchrone Verarbeitungsmechanismen sind das Geheimnis von Node.js, das Tausende von Verbindungen verarbeitet, riesige Dateien liest/schreibt und Timer verwaltet, während es an anderen Teilen unseres Codeelements arbeitet.

In dem Artikel haben wir die wichtige Rolle von Libuv und seine Fähigkeit gesehen, viele potenziell langwierige Aufgaben zu bewältigen. Gleichzeitig haben wir etwas über die Ereignisschleife und ihre Rolle als Brücke/Verbindung zwischen asynchronen Operationsrückrufen und dem Aufrufstapel in der E/A-Ereigniswarteschlange erfahren. In den folgenden Artikeln werden wir detaillierter untersuchen, wie die verschiedenen Phasen der Ereignisschleife Timer, I/O, Promises und Ticks verarbeiten.

Englische Originaladresse: https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62

Weitere Informationen zu Knoten finden Sie unter: nodejs-Tutorial !

Das obige ist der detaillierte Inhalt vonNodeJS visuelles Lernen: Ereignisschleife [Animationsdemonstration]. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!