検索
ホームページウェブフロントエンドjsチュートリアルNode非同期プログラミング機構の詳細説明

Node非同期プログラミング機構の詳細説明

Jan 09, 2018 pm 05:17 PM
node機構詳しい説明

この記事では主に Node 非同期プログラミングの仕組みを紹介します。編集者がそれを紹介し、参考にさせていただきます。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

この記事では、Node 非同期プログラミングを紹介し、それを皆さんと共有します。詳細は次のとおりです。

非同期プログラミングの現在の主なソリューションは次のとおりです:

  • イベント パブリッシング/サブスクリプション モード

  • Promise/Deferred モード

  • プロセス制御ライブラリ

イベント発行/購読モード

ノード自体がイベントモジュールを提供し、イベントの発行/購読を簡単に実装できます


//订阅
emmiter.on("event1",function(message){
  console.log(message);
})
//发布
emmiter.emit("event1","I am mesaage!");

リスナーは柔軟に追加および削除でき、イベントと特定の処理ロジックを簡単に関連付けて分離できます

イベント パブリッシュ/サブスクライブ モデルは、ビジネス ロジックを分離するためによく使用されます。イベント発行者は、サブスクライブされたリスナーがビジネス ロジックを実装する方法や、リスナーの数に注意を払う必要はありません。リスナーが存在し、メッセージを通じて柔軟にデータを転送できます。

次の HTTP は典型的なアプリケーション シナリオです


var req = http.request(options,function(res){
  res.on('data',function(chunk){
    console.log('Body:'+ chunk);
  })
  res.on('end',function(){
    //TODO
  })
})

10 を超えるリスナーがイベントに追加される場合は、emmite.setMaxListeners(0) を呼び出すことで警告が表示されます

。イベントモジュールを継承します


var events = require('events');
function Stream(){
  events.EventEmiiter.call(this);
}
util.inherits(Stream,events.EventEmitter);

イベントキューを使用して雪崩問題を解決します

いわゆる雪崩問題とは、アクセス量が多く同時実行数が多い条件下でのキャッシュ障害です。多くのリクエストが同時にデータベースに統合されると、データベースは同時にこのような大規模なクエリリクエストに耐えることができなくなり、ウェブサイト全体の応答速度にさらに影響を及ぼします。 解決策:


var proxy = new events.EventEmitter();
var status = "ready"; 
var seletc = function(callback){
  proxy.once("selected",callback);//为每次请求订阅这个查询时间,推入事件回调函数队列
  if(status === 'ready'){ 
    status = 'pending';//设置状态为进行中以防止引起多次查询操作
    db.select("SQL",function(results){
      proxy.emit("selected",results); //查询操作完成后发布时间
      status = 'ready';//重新定义为已准备状态
    })
  }
}


複数の非同期イベント間の解決策

上記の状況は、リスナー間の関係は 1 対多ですが、非同期プログラミングでは、イベントとリスナーの間に多対 1 の状況も存在する可能性があります。

ここでは、ページのレンダリングに必要なテンプレートの読み取り、データの読み取り、およびローカライズされたリソースの読み取りを例として取り上げ、EventProxy モジュール ソリューションを簡単に紹介します

var count = 0 ;
var results = {};
var done = function(key,value){
  result[key] = value;
  count++;
  if(count === 3){
    render(results);
  }
}
fs.readFile(template_path,"utf8",function(err,template){
  done('template',template)
})
db.query(sql,function(err,data){
  done('data',data);
})
l10n.get(function(err,resources){
  done('resources',resources)
})

Promise/Deferred モード

でイベントを使用する場合上記の方法では、実行プロセスを事前に設定する必要があります。これは、パブリッシュ/サブスクライブ モードの動作メカニズムによって決定されます。


var after = function(times,callback){
  var count = 0, result = {};
  return function(key,value){
    results[key] = value;
    count++;
    if(count === times){
      callback(results);
    }
  }
}
var done = after(times,render);
var emitter = new events.Emitter();
emitter.on('done',done);  //一个侦听器
emitter.on('done',other);  //如果业务增长,可以完成多对多的方案

fs.readFile(template_path,"utf8",function(err,template){
  emitter.emit('done','template',template);
})
db.query(sql,function(err,data){
  emitter.emit('done','data',data);
})
l10n.get(function(err,resources){
  emitter.emit('done','resources',resources)
})

では、非同期呼び出しを先に実行して配信処理を遅らせる方法はあるのでしょうか?次に説明するのは、この状況に対処する方法です。 Promise/Deferred パターン

Promise/A


Promise/A は、単一の非同期操作に対して次のような抽象的な定義を提案します。

Promise 操作は、未完了、完了、失敗の 3 つの状態のいずれかのみ。


Promiseの状態は、未完了状態から完了状態または失敗状態にのみ変換され、完了状態と失敗状態を相互に変換することはできません

。 Promise は変換されますが、変更することはできません。

Promise オブジェクトには then() のみが必要です

  • 完了状態とエラー状態でコールバック メソッドを受け入れます

  • オプションで 3 番目のメソッドとして進捗イベント コールバックをサポートします

  • then() メソッドのみ関数オブジェクトを受け入れ、他のオブジェクトは無視されます

then() メソッドはチェーン呼び出しを実現するために Promise オブジェクトを返し続けます

  • Node のイベント モジュールを通じて Promise 実装をシミュレートします

  • var proxy = new EventProxy();
    proxy.all('template','data','resources',function(template,data,resources){
      //TODO
    })
    fs.readFile(template_path,'utf8',function(err,template){
      proxy.emit('template',template);
    })
    db.query(sql,function(err,data){
      proxy.emit('data',data);
    })
    l10n.get(function(err,resources){
      proxy.emit('resources',resources);
    })

    コールバック関数は保存されますthen() を介して実行され、次のステップでは、success、error、progress イベントがトリガーされるのを待ちます。この関数を実装するオブジェクトは Deferred オブジェクト、つまり遅延オブジェクトと呼ばれます。
  • $.get('/api',{
      success:onSuccess,
      err:onError,
      complete:onComplete
    })
    //需要严谨设置目标
  • したがって、典型的な応答オブジェクトはカプセル化されて
  • var Promise = function(){
      EventEmitter.call(this)
    }
    util.inherits(Promise,EventEmitter);
    
    Promise.prototype.then = function(fulfilledHandler,errHandler,progeressHandler){
      if(typeof fulfilledHandler === 'function'){
        this.once('success',fulfilledHandler); //实现监听对应事件
      }
      if(typeof errorHandler === 'function'){
        this.once('error',errorHandler)
      }
      if(typeof progressHandler === 'function'){
        this.on('progress',progressHandler);
      }
      return this;
    }
に変換され、上記の変換を完了するには、まずresオブジェクト、data、end、Errorをカプセル化する必要があります。その他のイベントは promisify


var Deferred = function(){
  this.state = 'unfulfilled';
  this.promise = new Promise();
}
Deferred.prototype.resolve = function(obj){ //当异步完成后可将resolve作为回调函数,触发相关事件
  this.state = 'fulfilled';
  this.promise.emit('success',obj);
}
Deferred.prototype.reject = function(err){
  this.state = 'failed';
  this.promise.emit('error',err);
}
Deferred.prototype.progress = function(data){
  this.promise.emit('progress',data)
}

上記はビジネスの不変部分を Deferred でカプセル化し、可変部分を Promise に引き渡します

Promise での複数の非同期コラボレーション

res.setEncoding('utf8');
res.on('data',function(chunk){
  console.log("Body:" + chunk);
})
res.on('end',function(){
  //done
})
res.on('error',function(err){
  //error
}

シーケンスをサポートする Promise実行

チェーン呼び出しを実装するようにコードを変換してみます

res.then(function(){
  //done
},function(err){
  //error
},function(chunk){
  console.log('Body:' + chunk);
})

関連する推奨事項:

Javascript での非同期プログラミングの 4 つの方法の紹介

非同期プログラミングの説明 es6 の Promise


詳細JavaScript非同期プログラミングにおけるコールバック関数とマネージャーの使用例の説明

以上がNode非同期プログラミング機構の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptとWeb:コア機能とユースケースJavaScriptとWeb:コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解:実装の詳細JavaScriptエンジンの理解:実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript:学習曲線と使いやすさPython vs. JavaScript:学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript:コミュニティ、ライブラリ、リソースPython vs. JavaScript:コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ:すべてがどのように機能するかC/CからJavaScriptへ:すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

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の複数の顧客にサービスを提供できます

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ヘンタイを無料で生成します。

ホットツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

メモ帳++7.3.1

メモ帳++7.3.1

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

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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