es6 ジェネレーターとはどういう意味ですか?

es6 では、ジェネレーターはイテレータを設定する関数です。ジェネレーター関数を呼び出すと反復可能なオブジェクトを返すことができます。ジェネレーター内の関数と関数名の間には「*」記号があり、関数yield 式は本文内で使用され、構文は「function*gen(){yield1;yield2;}」です。

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 ジェネレーターの意味は何ですか?

ジェネレーターは、Es6 でイテレーターを設定するために使用される関数です。ジェネレーターは最終的にイテレーターを生成すると理解できます。

ジェネレーターは、ES6 標準によって導入された新しいデータ型です。

ジェネレーターは関数のように見えますが、複数回返すことができます。

#ジェネレーター関数と通常の関数

• 1: 関数と関数名

  ## の間に * があります。

#2: yield 式は関数本体の内部で使用されます
ジェネレーター関数の呼び出しは、通常の関数の呼び出しとは異なります。ジェネレーター関数を呼び出すと、ジェネレーター オブジェクトが返されます。 (反復可能なオブジェクト)

ジェネレーター: ジェネレーターにはイテレーター・インターフェースがあります。これは、ジェネレーター自体を反復できることを意味します。つまり、ジェネレーターの作成はイテレーターの作成と同等です。ジェネレータの使用に関しては、イテレータ インターフェイスを持たない一部のデータ型については、ジェネレータを使用して反復用のイテレータをカスタマイズできます。

上記はジェネレーター自体についての私の理解ですが、具体的な構文については以下で説明します。

ジェネレーターのいくつかのプロパティ

//生成器的声明
<script>
function* generator(){
  }
let test = generator();
 console.log(test);
</script>

//生成器中的yield关键字
<script>
    function* Generator(){
      yield 100;
      yield 200;
      yield 300;
      yield 400;
    }
    let test = Generator();
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
  </script>

最終結果:

解析: ジェネレーターがインスタンス化しているため、 object プロトタイプには next() があり、 next() を実行すると、yield に従って反復されます。

【関連する推奨事項:

JavaScript ビデオ チュートリアル

、Web フロントエンド ]

以上がes6 ジェネレーターとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。