Generator 對象

普通函數(shù)定義時在 function 關(guān)鍵字后面添加 * 即可聲明一個生成器，函數(shù)返回一個可迭代對象，函數(shù)內(nèi)部通過 yield 關(guān)鍵字來指定調(diào)用迭代器的 next() 方法時的返回值及返回順序

function* test() {
    yield 'a'
    yield 'b'
    yield 'c'
}
const g = test()
g           //   test {<suspended>}
g.next()    //  {value: 'a', done: false}
g.next()    //  {value: 'b', done: false}
g.next()    //  {value: 'c', done: false}
g.next()    //  {value: undefined, done: true}

生成器函數(shù)返回的生成器對象含有 Symbol.Interator 屬性，可以使用 for of 進(jìn)行遍歷

for(value of g) {
  console.log(value)
}
//  a
//  b
//  c

注意：使用 for of 遍歷之前如果使用了 next() 調(diào)用，則只會遍歷到未被調(diào)用的 yield 后的值

g.next()    //  {value: 'a', done: false}
for(value of g) {
  console.log(value)
}
//  b
//  c

next 傳參

使用 next() 時可以通過傳入?yún)?shù)來改變 yield 的返回值，如下

function* gen(a) {
    const b = 2 * (yield(a - 1))
    const c = yield(b / 4)
    return (a + b + c)
}
// a = 2
const g = gen(2)
console.log(g.next())   // {value:1, done:false}

// next(6)傳入的值為 yield 表達(dá)式的值,此時 b = 12
console.log(g.next(6))  // {value:3, done:false}

// next(3)傳入的值為 yield 表達(dá)式的值,此時 c = 3
console.log(g.next(3))  // {value:17, done:true}

Generator函數(shù)嵌套

要求使用生成器函數(shù)改造以下代碼，實(shí)現(xiàn)每隔一秒按順序輸出 1，2，3，4，5

for(let i = 0; i <= 5; i++) {
    setTimeout(() => {
        console.log(i)
    },1000)
}

改寫如下

const delay = n => new Promise(resolve => {
    setTimeout(() => {
        resolve(n)
    },1000)
})
function* g() {
    for(let i = 1; i <= 5; i++) {
        const x = yield delay(i)
        console.log(x)
    }
}
function co(g) {
    const o = g()
    next()
    function next(a) {
        const {value, done} = o.next(a)
        if(done) return
        value.then(data => next(data))
    }
}
co(g)