在es6中,生成器是設定迭代器的一個函數,呼叫生成器函數可傳回一個可迭代的物件;生成器中function和函數名稱之間有一個「*」號,並且函數體內部使用yield表達式,語法為「function*gen(){yield1;yield2;}」。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
生成器就是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>
最終結果:
解析:由於生成器實例化對象的原型中存在next(),當執行next(),就會根據yield進行迭代。
【相關推薦:javascript影片教學、web前端】
以上是es6生成器是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!