ジェネレーターとは、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 });