首頁  >  文章  >  web前端  >  es6生成器是什麼意思

es6生成器是什麼意思

WBOY
WBOY原創
2022-03-30 17:46:451407瀏覽

在es6中,生成器是設定迭代器的一個函數,呼叫生成器函數可傳回一個可迭代的物件;生成器中function和函數名稱之間有一個「*」號,並且函數體內部使用yield表達式,語法為「function*gen(){yield1;yield2;}」。

es6生成器是什麼意思

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6生成器是什麼意思

生成器就是Es6中用來設定迭代器的一個函數,我們就可以這樣理解:生成器最終生成的就是迭代器。

generator(生成器)是 ES6 標準引入的新的資料類型。

一個 generator 看上去像函數,但可以回傳多次。

generator 函數和普通的函數差異有兩個, 

  • 1:function 和函數名稱之間有一個*號, 

  • #2:函數體內部使用了yield 表達式

呼叫 產生器函數 和呼叫普通函數不同,呼叫產生器函數是傳回一個 產生器物件(可迭代的物件)

生成器:生成器中存在一個iterator接口,也就是說,生成器本身是可以進行迭代的,也就是創造出一個生成器,就相當於創建一個迭代器。關於生成器的用途,對於一些沒有設定迭代器介面的資料類型,我們可以使用生成器來自訂產生一個迭代器,從而進行迭代。

以上便是我對生成器本身的理解,下面講解具體的語法。

生成器的一些屬性

//生成器的声明
<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生成器是什麼意思

解析:由於生成器實例化對象的原型中存在next(),當執行next(),就會根據yield進行迭代。

【相關推薦:javascript影片教學web前端

以上是es6生成器是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn