検索
ホームページウェブフロントエンドjsチュートリアルNodejs のイベントとイベント ループを理解する

Nodejs のイベントとイベント ループを理解する

Dec 08, 2020 pm 05:40 PM
node.jsイベントイベントリスニングイベント駆動型非同期プログラミング

Nodejs のイベントとイベント ループを理解する

関連する推奨事項: 「nodejs チュートリアル

JavaScript に精通している友人は、マウスの移動、マウスのクリック、キーボード入力など。 JavaScript でこれらのイベントをリッスンして、対応する処理をトリガーします。

nodejs にもイベントがあり、特殊な処理を行うための特別なイベント モジュールもあります。

同時イベントとイベント ループも、nodejs で非同期 IO を構築するための非常に重要な概念です。

今日はそれについて詳しく学びます。

イベント

nodejs は、イベント用の特別なモジュール lib/events.js を提供します。

nodejs を使用して Web サーバーを構築することについて話していたときのことを覚えていますか?

const server = http.createServer((req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'text/plain')
  res.end('welcome to www.flydean.com\n')
})

ここでは、各リクエストがリクエスト イベントをトリガーします。

nodejs のコア API は非同期イベント駆動型アーキテクチャに基づいているため、nodejs には多くのイベントがあります。

例: net.Server は新しい接続が確立されるたびにイベントをトリガーし、fs.ReadStream はファイルが開かれたときにイベントをトリガーし、stream はデータが読み取り可能になったときにイベントをトリガーします。

nodejs イベントを構築する方法を見てみましょう:

const EventEmitter = require('events')
const eventEmitter = new EventEmitter()

イベントには一般的に使用される 2 つのメソッド、つまり on と Emit があります。

on はイベントをリッスンするために使用され、emit はイベントをトリガーするために使用されます。

eventEmitter.on('fire', () => {
  console.log('开火')
})

eventEmitter.emit('fire')

emit はパラメータを取ることもできます。次のパラメータを見てみましょう:

eventEmitter.on('fire', who => {
  console.log(`开火 ${who}`)
})

eventEmitter.emit('fire', '美帝')

2 つのパラメータを見てみましょう:

eventEmitter.on('fire', (who, when) => {
  console.log(`开火 ${who} ${when}`)
})

eventEmitter.emit('fire', '川建国','now')

デフォルトでは、EventEmitter は次で始まります。登録された順序で同期的に呼び出されます。これにより、イベントの正しい順序が保証され、競合状態やロジック エラーを回避できます。

非同期実行が必要な場合は、setImmediate() または process.nextTick() を使用して非同期実行モードに切り替えることができます。

eventEmitter.on('fire', (who, when) => {
    setImmediate(() => {
      console.log(`开火 ${who} ${when}`);
  });
})

eventEmitter.emit('fire', '川建国','now')

さらに、イベントは他のいくつかのメソッドもサポートしています:

once(): 単一のリスナーを追加します

removeListener() / off(): From イベント リスナーを削除しますevents

removeAllListeners(): すべてのイベント リスナーを削除します

イベント ループ

nodejs コードがシングルスレッド環境で実行されることはわかっています。はい、処理されるのは 1 つだけです。一度に。

この処理方法により、マルチスレッド環境におけるデータ同期の問題が回避され、処理効率が大幅に向上します。

いわゆるイベント ループとは、プログラム サイクルにおいて、プロセッサがこのサイクルのイベントを処理した後、次のイベント サイクルに入り、次のイベント サイクルのイベントを処理することを意味します。サイクルごとに。

イベント ループのブロック

イベント処理中にイベントの処理がブロックされると、他のイベントの実行に影響を与えるため、JS ではほぼすべての IO が非処理であることがわかります。 -ブロッキング。これが、JavaScript に非常に多くのコールバックが存在する理由でもあります。

イベント ループの例

簡単なイベント ループの例を見てみましょう:

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    action2()
    action3()
}

action1()

上記のコード出力:

action1
action2
action3

スタックとメッセージ キュー

関数間の呼び出しはスタックを通じて実装されることがわかっています。上記の例では、呼び出しシーケンスもスタックを通じて実装されています。

ただし、関数内のすべてのメソッドがスタックにプッシュされるわけではなく、一部のメソッドはメッセージ キューに入れられます。

別の例を挙げてみましょう:

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    setTimeout(action2, 0)
    action3()
}

action1()

上記のコードを実行した結果は次のとおりです:

action1
action3
action2

結果は異なります。これは、settimeout がタイマーをトリガーするためで、タイマーが期限切れになると、コールバック関数はスタックに置かれるのではなく、処理されるメッセージ キューに置かれます。

イベント ループはスタック内のイベントに優先順位を付けます。スタックにデータがない場合にのみ、メッセージ キュー内のイベントの消費に切り替わります。

上記の例の setTimeout のタイムアウト時間は 0 ですが、action3 を実行するには、action3 が実行されるまで待つ必要があります。

setTimeout のタイムアウトは現在のスレッドで待機するのではなく、ブラウザまたは他の JS 実行環境によって呼び出されることに注意してください。

ジョブ キューとプロミス

ES6 のプロミスでは、ジョブ キューの概念が導入されています。ジョブ キューを使用すると、非同期関数の結果を最後に配置するのではなく、できるだけ早く実行します。呼び出しスタック。

例:

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    setTimeout(action2, 0)
    new Promise((resolve, reject) =>
        resolve('应该在action3之后、action2之前')
    ).then(resolve => console.log(resolve))
    action3()
}

action1()

出力結果:

action1
action3
应该在action3之后、action2之前
action2

これは、現在の関数の終了前に解決された Promise が現在の関数の直後に実行されるためです。

つまり、最初にスタックが実行され、次にジョブ キューが実行され、最後にメッセージ キューが実行されます。

process.nextTick()

まず、tick という定義を説明します。tick はイベント サイクルを指します。 Process.nextTick() は、次のイベント ループ ティックが開始する前にこの関数を呼び出すことを指します。

process.nextTick(() => {
  console.log('i am the next tick');
})

したがって、nextTick はメッセージ キューの setTimeout よりも高速である必要があります。

setImmediate()

nodejs は、コードをできるだけ早く実行するための setImmediate メソッドを提供します。

setImmediate(() => {
  console.log('I am immediate!');
})

setImmediate の関数は、イベント ループの次の反復で実行されます。

setImmediate() と setTimeout(() => {}, 0) の関数は基本的に似ています。これらはすべて、イベント ループの次の反復で実行されます。

setInterval()

特定のコールバック関数を定期的に実行したい場合は、setInterval を使用する必要があります。

setInterval(() => {
  console.log('每隔2秒执行一次');
}, 2000)

要清除上面的定时任务,可以使用clearInterval:

const id = setInterval(() => {
  console.log('每隔2秒执行一次');
}, 2000)

clearInterval(id)

注意,setInterval是每隔n毫秒启动一个函数,不管该函数是否执行完毕。

如果一个函数执行时间太长,就会导致下一个函数同时执行的情况,怎么解决这个问题呢?

我们可以考虑在回调函数内部再次调用setTimeout,这样形成递归的setTimeout调用:

const myFunction = () => {
  console.log('做完后,隔2s再次执行!');

  setTimeout(myFunction, 2000)
}

setTimeout(myFunction, 2000)

更多编程相关知识,请访问:编程视频!!

以上がNodejs のイベントとイベント ループを理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事はflydeanで複製されています。侵害がある場合は、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ヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

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

SublimeText3 英語版

SublimeText3 英語版

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

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)