検索
ホームページウェブフロントエンドjsチュートリアルNodejsの非同期callback_node.jsのエレガントな処理方法

はしがき

Nodejs の最大のハイライトは、イベント駆動型のノンブロッキング I/O モデルです。これにより、Nodejs は強力な同時処理機能を備え、ネットワーク アプリケーションの作成に非常に適しています。 Nodejs のほとんどの I/O 操作はほぼ非同期です。つまり、I/O 操作の結果は基本的に、ファイルの内容を読み取る次の関数などのコールバック関数で処理する必要があります。

コードをコピーします コードは次のとおりです:
fs.readFile('/etc/passwd', function (err, data) {
if (err) throw err;
console.log(データ);
});

では、2 つのファイルを読み取り、その 2 つのファイルの内容を結合して処理する場合はどうすればよいでしょうか?

コードをコピーします コードは次のとおりです:
fs.readFile('/etc/passwd', function (err, data) {
if (err) throw err;
fs.readFile('/etc/passwd2', function (err, data2) {
If (err) throw err;
// ここでdataとdata2のデータを加工します
});
});


複数の同様のシナリオを扱う場合、コールバック関数が層ごとにネストされることになるのではないでしょうか。これは、よくコールバック ピラミッドまたはコールバック地獄と呼ばれるものです (http://callbackhell.com/)

) は、js 初心者にとって最も厄介な問題でもあります。 この種のネストされたコードは、開発に多くの問題をもたらします。主に以下の点に反映されます。

1. コードの可能性が悪化します

2. デバッグの難しさ

3. 異常発生時の対処が難しい

この記事では主に、上記の非同期コールバックの問題を適切に処理する方法を紹介します。

基本的な解決策: 非同期コールバックを再帰的に処理します

コードの実行制御ツールとして再帰を使用できます。実行する必要がある操作を関数にカプセル化し、コールバック関数での再帰呼び出しを通じてコードの実行プロセスを制御します。これ以上はせずに、最後のコードに進みましょう:

コードをコピーします コードは次のとおりです:
var fs = require('fs');
// 処理するファイルのリスト
var files = ['file1', 'file2', 'file3'];

関数 parseFile () { if (files.length == 0) {

戻る;
}
var file = files.shift();
fs.readFile(ファイル, 関数 (エラー, データ) {
// ファイルデータはここで処理されます
ParseFile(); // 処理後、再帰呼び出しで次のファイルを処理します
});
}

//処理を開始します

parseFile();



上記のコードは、例として配列内のファイルを順番に処理し、コードの実行フローを制御するための再帰的メソッドを導入しています。

これをいくつかの単純なシナリオに適用すると、たとえば、このメソッドを使用して配列内のデータをデータベースに順番に保存できます。

いくつかの単純な非同期コールバックの問題は、再帰によって解決できます。ただし、複雑な非同期コールバック (複数の非同期操作の結果を同期する必要があるなど) を処理することはまだ多少できません。

素晴らしい点: Async、Q、Promise などのサードパーティ ライブラリを使用して非同期コールバックを処理します

ネストされたコールバックの問題をより適切に処理するために、非同期処理に特化したサードパーティ ライブラリの使用を検討できます。もちろん、能力があれば、非同期処理用の独自の補助ツールを作成することもできます。

非同期処理を処理するためにより一般的に使用されるライブラリは、async、q、promise です。 npmjs.org Web サイトから判断すると、async が最も人気があります。私も以前 async を使用したことがありますが、さまざまな非同期処理の制御フローも非常によく実装されています。

非同期を使用して、2 つのファイルを同時に読み取る最初のコードを処理します。例は次のとおりです。

コードをコピー コードは次のとおりです:

var async = require('async')
、fs = require('fs');

async.Parallel([
関数(コールバック){
fs.readFile('/etc/passwd', function (err, data) {
If (err) callback(err);
callback(null, data);
});
}、
関数(コールバック){
fs.readFile('/etc/passwd2', function (err, data2) {
If (err) callback(err);
callback(null, data2);
});
}
]、
関数(エラー、結果){
// ここではdataとdata2のデータを処理し、結果から各ファイルの内容を取得します
});

async モジュールを通じて、非同期実行プロセスを適切に制御できます。これは、すべてのレベルでのコールバックの問題を解決するとみなすこともできます。コードは以前よりも明確になりましたが、それでもコールバック関数と切り離すことはできません。

考えてみてください。コールバック関数を使用せずに非同期処理を処理できたら素晴らしいと思いませんか? 次に、この目標を達成するために ES6 の新機能を使用する方法について説明します。

エレガントに: ES6 を採用し、コールバック関数を置き換え、コールバック地獄の問題を解決します

EcmaScript Harmony (ES6) は js に多くの新機能を導入したと言われています。ES6 についてあまり知らない学生は、Baidu で確認してください。

nodejs で ES6 の新機能を使用するには、バージョン v0.11.x 以降を使用する必要があります。

この記事では、コールバック関数を置き換えるジェネレーター機能の使用方法を紹介します。ジェネレーターについてご存知ですか?こちらからご覧いただけます。

ここでは、co と thunkify の 2 つのモジュールが使用されています。これらは、npm install コマンドを使用してインストールできます。

この記事の冒頭で述べた問題を例として考えてみましょう。ジェネレーター機能を使用するコード例は次のとおりです。

コードをコピーします コードは次のとおりです:

var fs = require('fs')
、co = require('co')
、thunkify = require('thunkify');

var readFile = thunkify(fs.readFile);

co(function *() {
var test1 = yield readFile('test1.txt');
var test2 = yield readFile('test2.txt');
var test = test1.toString() test2.toString();
console.log(テスト);
})();

コード内での例外の処理も非常に簡単です。これを実行するだけです。

コードをコピーします コードは次のとおりです:

{
を試してください var test1 = yield readFile('test1.txt');
} キャッチ (e) {
// ここで例外を処理します
}

このコードはもっとエレガントではないでしょうか?同期コードを書くのと同じように非同期コードを扱えるのは素晴らしいことではないでしょうか?

nodejs の分野での Web 開発では、最も人気のあるフレームワークは Express です。Express の中心メンバーである TJ が、次世代 Web であると主張される新しい Web フレームワーク koa を主導したことは注目に値します。開発フレームワークでは、koa は ES6 のジェネレーター機能を活用しており、Web システム開発時にコールバックの層に陥ることを回避できます。

概要

fibjs プロジェクトのプロモーションからの文を引用: Less Callback, More Girls - Less Callback, more girls

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

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

Webサイトからアプリまで:JavaScriptの多様なアプリケーションWebサイトからアプリまで:JavaScriptの多様なアプリケーションApr 22, 2025 am 12:02 AM

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Python vs. JavaScript:ユースケースとアプリケーションと比較されますPython vs. JavaScript:ユースケースとアプリケーションと比較されますApr 21, 2025 am 12:01 AM

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

JavaScript通訳者とコンパイラにおけるC/Cの役割JavaScript通訳者とコンパイラにおけるC/Cの役割Apr 20, 2025 am 12:01 AM

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

JavaScript in Action:実際の例とプロジェクトJavaScript in Action:実際の例とプロジェクトApr 19, 2025 am 12:13 AM

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

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は柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の 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 プラットフォームで実行できます。

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Safe Exam Browser

Safe Exam Browser

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

SublimeText3 英語版

SublimeText3 英語版

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