ホームページ > ウェブフロントエンド > jsチュートリアル > Node.js_javascript ヒントでの Javascript ジェネレーターの使用に関する詳細な説明

Node.js_javascript ヒントでの Javascript ジェネレーターの使用に関する詳細な説明

WBOY
リリース: 2016-05-16 15:01:54
オリジナル
1852 人が閲覧しました

ジェネレーターとは、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&#63;' // [1]

 return 'well hi there ' + name

}

var gen = channel()

console.log(gen.next().value) // hello, what is your name&#63; [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&#63;—&#63;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

});
ログイン後にコピー
Node.js での Javascript ジェネレーターの使用に関する上記の詳細な説明は、エディターによって共有されたすべての内容です。参考にしていただければ幸いです。また、Script Home をサポートしていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート