品易云推流 关闭
文章详情页
文章 > JavaScript > javascript生成器函数的特点

javascript生成器函数的特点

javascript 生成器函数

头像

小妮浅浅

2021-10-11 10:07:013904浏览 · 0收藏 · 0评论

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

以上就是javascript生成器函数的特点,希望对大家有所帮助。更多Javascript学习指路:Javascript

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

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图