検索
ホームページウェブフロントエンドjsチュートリアルNodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

この記事は、Node イベント ループをアニメーションで学習するのに役立ちます。皆様のお役に立てれば幸いです。

Nodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

JavaScript と Node.js はシングルスレッドであると聞いたことがあると思いますが、実際には何を意味するのでしょうか?

Nodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

これは、JavaScript が一度に 1 つのことしか実行できないことを意味します。 たとえば、数値の掛け算と足し算を同時に行うことはできません。通常、これを順番に実行します。足してから掛けたり、その逆も同様です。最新のコンピューターは非常に高速であるため、2 つ以上の連続したタスクの結果が同時に計算されているように見えますが、例外もあります。 [関連チュートリアルの推奨事項: nodejs ビデオ チュートリアル ]

誰もが、その遅い Web サイトからデータを収集しようとしたり、データベース クエリの結果を取得するまでに 30 秒以上待ったりしたことがあります。 データベース クエリが遅いために、単一スレッドがそれ以上のタスクを実行しないようにしたいですか? ただし、Node.js は他の操作の実行を停止しません。Libuv は、イベント ループとネットワーク リクエストの非同期処理、DNS 解決、ファイル システム操作、データ暗号化などを担当する C ライブラリであるためです。タスク。

Node.js がデータベース クエリなどのタスクを処理するとき、舞台裏では何が起こっているのでしょうか?このコードに従って、段階的に調べていきます。

これはサンプル コードです

Nodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

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") を使用できます。 .

在 Node.js 运行我们的代码时处理 I/O

クエリが完了すると、そのコールバックが I/O イベント キューにプッシュされ、すぐに実行されます* * イベント ループはキューをコール スタックに接続します。後者が空かどうかを確認し、最初のキュー項目を実行のために移動します。

Nodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

コードは github.com/fabrillallo にあります…

イベント ループに関するクイズ

コンソールに出力された次のコードを見つけてください。

Nodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]

イベント ループ、デリゲート、非同期処理メカニズムは、数千の接続を処理する Node.js の鍵となります。 reads 巨大なファイルのフェッチ/書き込み、コードの他の部分の作業中にタイマーを処理するための秘密の要素。

この記事では、Libuv の重要な役割と、長時間実行される可能性のある多くのタスクを処理するその能力について説明しました。同時に、イベント ループと、非同期操作のコールバックと I/O イベント キュー内のコール スタックの間のブリッジ/コネクターとしてのその役割について学びました。次の記事では、イベント ループのさまざまなステージで

timersI/Opromises を処理する方法について詳しく説明します。ダニ。

英語の元のアドレス: https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62

ノード関連の知識の詳細については、

nodejs チュートリアルを参照してください。

以上がNodejs の視覚的な学習: イベント ループ [アニメーション デモンストレーション]の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は掘金社区で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
JavaScriptエンジン:実装の比較JavaScriptエンジン:実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて:現実世界のJavaScriptブラウザを超えて:現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解:それが何をするのか、なぜそれが重要なのかjavascriptの分解:それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

pythonまたはjavascriptの方がいいですか?pythonまたはjavascriptの方がいいですか?Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター