JS中生成器函数有什么特点，作用是什么-群英

上一篇：JS中迭代器写法有几种，具体怎样写下一篇：JS中关系操作符有几种，基本用法是什么

今天就跟大家聊聊有关“JS中生成器函数有什么特点，作用是什么”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“JS中生成器函数有什么特点，作用是什么”文章能对大家有帮助。

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电脑。

以上就是关于“JS中生成器函数有什么特点，作用是什么”的相关知识，感谢各位的阅读，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注群英网络，小编每天都会为大家更新不同的知识。