003|JavaScript ES6新特性之生成函数
栏目: JavaScript · 发布时间: 8年前
内容简介：003|JavaScript ES6新特性之生成函数
生成函数（generator function）是一种新型函数，是一个分段执行函数。它的语法与函数语法基本一致，但以下一些不同点：
- function关键字被替换成了 function*
- 返回返回值是一个生成器（generator）
- 通过 yield 关键字来分段
例如下面是一个生成函数：
function* sayHi() // 使用function*来定义生成函数 { console.log("Hello") // 代码段1 yield // 使用yield来分段 console.log("World") // 代码段2 }
生成器
首先来理解一下生成器(generator)。生成品遵循iterator协议，有next方法。普通的迭代器用于遍历对象（或容器），而生成器用于遍历生成函数的代码段。每调用一次next，则下一个代码段将被调用。
接着上例，我们来看一下生成器的使用：
var generator = sayHi() // 调用生成函数返回生成器 generator.next() // 运行代码段1 generator.next() // 运行代码段2
第一次调用next()时，代码段1运行，第二次调用next()时，代码段2运行。
yield 返回值
上述代码中，仅仅通过yield来将代码分段，实际上yield也可以传递value给生成器。通过一个例子来了解一下：
function* idMaker() { yield 1 // 1将作为next的value yield 2 // 2将作为next的value yield 3 // 3将作为next的value } var generator = idMaker() console.log(generator.next().value) // 输出 1 console.log(generator.next().value) // 输出 2 console.log(generator.next().value) // 输出 3
好了，这一节就到这里。生成函数是ES6新特性中的基础内容，希望你都掌握了。
什么是WeakMap？
请继续关注我的课程，我将在后续课程中帮大家依次解答上述问题。
如果你热爱计算机，希望一起切磋交流，欢迎加我为好友！
我的微信
以上所述就是小编给大家介绍的《003|JavaScript ES6新特性之生成函数》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- 020.Python生成器和生成器函数
- Koa 生成器函数探寻
- JavaScript图形实例：迭代函数系统生成图形
- 如何通过构造函数和JPQL生成DTO？
- 替代函数递归方式的无限层级分类生成树方法(php)
- 木兰语言 0.0.17.1：源码生成支持更多函数、类相关语法
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
