首页 > 文章列表 > javascript生成器函数的特点

javascript生成器函数的特点

JavaScript 生成器函数
344 2022-08-06

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
}
*/

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。