Node.js_javascript ヒントでの Javascript ジェネレーターの使用に関する詳細な説明
ジェネレーターとは、Javascript のコルーチン (略してコルーチン) スタイルで、実行中に一時停止してから再開できる関数を指します。関数には、function*、function などのアスタリスク記号が付いています。 yield や yield* などの特徴的なキーワード。
function* generatorFn () { console.log('look ma I was suspended') } var generator = generatorFn() // [1] setTimeout(function () { generator.next() // [2] }, 2000)
コード内でマークされている [1] と [2] は次のように説明されます。
1. これは一時停止モードで開始されたジェネレーターです。現時点ではコンソール出力はありません。
2. next() メソッドを呼び出すと、このジェネレーターが実行され、次の yield キーワードが見つかるまで実行され、コンソール出力が得られます。
別のケースを見てみましょう:
function *generator() { console.log('Start!'); var i = 0; while (true) { if (i < 3) yield i++; } } var gen = generator();
上記のコードは最初のコードと似ていますが、ジェネレーター関数に yield キーワードが追加されている点が異なります。上記のコードが呼び出されたときにすぐには実行されず、一時停止されてスタンバイ状態になります。 Start 出力がないこと。 next() が呼び出されるまで実行されません。
var ret = gen.next(); // Start! console.log(ret); // {value: 0, done: false}
上記の ret はジェネレーターの結果です。これには 2 つの属性があります。
■値、ジェネレーター関数の利回り値、
■完了。これはジェネレーター関数が戻るかどうかを示すフラグです。
継続コードは次のとおりです:
console.log(gen.next()); // {value: 1, done: false} console.log(gen.next()); // {value: 2, done: false} console.log(gen.next()); // {value: undefined, done: true}
ジェネレーターは同期プログラミングにおいて何の謎もなく、特に非同期プログラミングに適しています。
ジェネレーターには 2 つの特徴があります:
1. 関数から抜け出すことを選択し、いつこの関数に戻って実行を継続するかを外部コードに決定させることができます。
2. 非同期制御が可能。
以下の非同期実行コードを見てください:
var gen = generator(); console.log(gen.next().value); setTimeout(function() { console.log(gen.next().value); console.log('第一步'); }, 1000); console.log('第二步');
出力は次のとおりです:
0
ステップ2
1
最初のステップ
言い換えると、setTimeout でタイマーの終了を待たずに、「2 番目のステップ」に直接続行し、setTimeout でブロックされません。
別のコードを見てください:
function* channel () { var name = yield 'hello, what is your name?' // [1] return 'well hi there ' + name } var gen = channel() console.log(gen.next().value) // hello, what is your name? [2] console.log(gen.next('billy')) // well hi there billy [3]
横断するときに *:
を使用することもできます
function* iter () { for (var i = 0; i < 10; i++) yield i } for (var val of iter()) { console.log(val) // outputs 1?—?9 }
よくある誤解
関数の実行を一時停止できるので、並列実行させるべきでしょうか?いいえ、JavaScript はシングルスレッドなので、パフォーマンスを向上させたい場合、ジェネレーターは役に立ちません。
たとえば、次のコードはフィボナッチ数をそれぞれ実行します。
function fib (n) { var current = 0, next = 1, swap for (var i = 0; i < n; i++) { swap = current, current = next next = swap + next } return current } function* fibGen (n) { var current = 0, next = 1, swap for (var i = 0; i < n; i++) { swap = current, current = next next = swap + next yield current } }
パフォーマンス結果は次のとおりです: (高いほど優れています)
結果:
通常 1263899
ジェネレーター 37541
発電機が光ります
ジェネレーターを使用すると、JavaScript の複雑な関数を簡素化できます。
怠惰な課題
遅延割り当ては JS クロージャを使用して実装できますが、yield を使用すると、必要なときに値を取得できます。たとえば、上記の fibGen 関数は必要なときに値を取得できます。新しい値:
var fibIter = fibGen(20) var next = fibIter.next() console.log(next.value) setTimeout(function () { var next = fibIter.next() console.log(next.value) },2000) 当然还使用for循环:依然是懒赋值 for (var n of fibGen(20) { console.log(n) }
無限シーケンス
遅延代入が可能であるため、無限シーケンスと同様の Haskell トリックを実行することができ、無限数のシーケンスを生成できます。
function* fibGen () { var current = 0, next = 1, swap while (true) { swap = current, current = next next = swap + next yield current } }
フィボナッチ数ストリームの遅延割り当てを見て、5000 以降の最初のフィボナッチ数を返すように要求してみましょう:
for (var num of fibGen()) { if (num > 5000) break } console.log(num) // 6765
非同期プロセス制御
ジェネレーターを使用して非同期プロセス制御を実装します。最も一般的なものは、さまざまな Promise ライブラリ パッケージです。
ノードの分野では、すべてがコールバックに関連しています。コールバックは低レベルの非同期関数であり、ジェネレーターを使用して通信チャネルを確立し、同期プログラミング スタイルを使用して非同期コードを作成できます。
run(function* () { console.log("Starting") var file = yield readFile("./async.js") // [1] console.log(file.toString()) })
コメント 1 は、プログラムが続行する前に async.js が結果を返すのを待つことを示します。
Genify は、ジェネレーターを通常のプログラミング環境に組み込むフレームワークであり、次のように使用されます。
npm install genify をインストールするには、コードは次のとおりです:
var Q = require('q'); var fs = require('fs'); var genify = require('genify'); // wrap your object into genify function var object = genify({ concatFiles: function * (file1, file2, outFile) { file1 = yield Q.nfcall(fs.readFile, file1); file2 = yield Q.nfcall(fs.readFile, file2); var concated = file1 + file2; yield Q.nfcall(fs.writeFile, outFile, concated); return concated; } }); // concatFiles是一个generator函数,它使用generator强大能力。 object.concatFiles('./somefile1.txt', './somefile2.txt', './concated.txt').then(function (res) { // do something with result }, function (err) { // do something with error });

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック









WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワーク プロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラ デバイスがあるとします。
