javascript生成器函数的特点

Z时代
2024-01-10
分类：综合

美女程序员鼓励师

1、生成函数调用，没有执行函数体中的函数体，而是返回一个生成器。

因为生成器函数内部函数的执行，且由返回的生成器控制。

2、生成器函数会从上次yield语句的位置运行到下一个yield语句的位置。

无论何时调用返回的生成器的next方法。

实例

function* createGenerator() {
    console.log('function start...')
    let res = yield 1
    // 第一次迭代 <next() 调用> 卡在 yield 语句，未完成赋值操作
    // 第二次迭代新传的参数值会赋给 res 变量（不传则为 undefined）
    console.log('logger - 1', res)
    res = yield 2
    console.log('logger - 2', res)
    res = yield 3
    console.log('logger - 3', res)
    return {
        desc: 'function end...'
    }
}
const generator = createGenerator() // 得到生成器
generator.next(111)
/*
print: ‘function start...’
returns: { value: 1, done: false }
*/
 
generator.next(222)
/*
print: ‘logger - 1’ 222
returns: { value: 2, done: false }
*/
 
generator.next()
/*
print: ‘logger - 2’ undefined
returns: { value: 3, done: false }
*/
 
generator.next(444)
/*
print: ‘logger - 3’ 444
returns: {
    value: {
        desc: 'function end...'
    },
    done: true
}
*/