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

WBOY
リリース: 2022-03-30 17:46:45
オリジナル
1415 人が閲覧しました

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

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

このチュートリアルの動作環境: 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>
ログイン後にコピー
最終結果:

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

【関連する推奨事項:

JavaScript ビデオ チュートリアル

Web フロントエンド ]

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

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!