0x000 概述
其實前幾章我都不知道怎麼寫,因爲他們總是涉及到一些比較深的東西,比如可迭代對象
、生成器
、迭代器
之類的東西,等寫完這個系列,再好好整理一下這些東西可能會好一點,現在整理到哪兒就寫到哪兒吧
0x001 語法
function* name([param[, param[, ... param]]])
{
statements
}
- 使用
function*
作爲聲明標識符,表示這是一個生成器函數
-
name
是函數名 -
param
是參數名,可以255
個 -
statements
是函數體
0x002 特點
-
生成器函數
在執行的時候是可以暫停的,需要的時候再繼續執行 -
生成器函數
返回的是一個迭代器
對象,不會立即執行 -
生成器函數
可以使用return
,但是return
之後將不可再迭代
0x003 栗子-無限id
增長器
function* idMaker(begin=0){
while(true)
yield begin++;
}
let maker=idMaker(0)
console.log(maker.next().value) // 0
console.log(maker.next().value) // 1
console.log(maker.next().value) // 2
console.log(maker.next().value) // 3
...
說明:
調用生成器函數
返回的是一個迭代器
,迭代器是一個滿足迭代器協議
的對象,簡單的說,迭代器
對象有一定有一個next
函數,該函數返回一個對象,我們稱之爲迭代結果對象
,該對象包含以下兩個屬性:
-
value
:本次迭代的結果 -
done
:布爾值,如果爲true
,表示無法再繼續迭代,如果爲false
,表示可以繼續迭代。
調用next
函數,將會讓生成器函數
真正的執行,一直執行,直到遇見yield
,並返回迭代結果對象
0x004 栗子-有限id
增長器
function* idMaker(begin=0){
while(begin<3)
yield begin++;
}
let maker=idMaker(0)
console.log(maker.next()) // {value: 0, done: false}
console.log(maker.next()) // {value: 1, done: false}
console.log(maker.next()) // {value: 2, done: false}
console.log(maker.next()) // {value: undefined, done: true}
如果函數執行完成了,那麼done
就自動變成true
0x005 next
接收參數
function *createIterator() {
let first = yield 1;
let second = yield first + 2; // 4 + 2
// first =4 是next(4)將參數賦給上一條的
yield second + 3; // 5 + 3
}
let iterator = createIterator();
console.log(iterator.next()); // "{ value: 1, done: false }"
console.log(iterator.next(4)); // "{ value: 6, done: false }"
console.log(iterator.next(5)); // "{ value: 8, done: false }"
console.log(iterator.next()); // "{ value: undefined, done: true }"
這個解釋起來挺麻煩,第一次調用iterator.next()
,返回1
,代碼停在了yield 1
,但是我們將yield 1
的結果保存在了first
變量中,其實這個操作是沒有發生的,當我們第二次執行iterator.next(4)
,注意這裏傳遞了一個參數4
,此時會把4
當做yield 1
的返回值,賦值給first
,所以第二次執行可以看做是let first=4
的這麼一個執行順序。
0x006 return
function* yieldAndReturn() {
yield "1";
return "2";
yield "3";
}
var gen = yieldAndReturn()
console.log(gen.next()); // { value: "1", done: false }
console.log(gen.next()); // { value: "2", done: true }
console.log(gen.next()); // { value: undefined, done: true }