脚本宝典收集整理的这篇文章主要介绍了es6基础0x016:生成器函数,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
0x000 概述
其实前几章我都不知道怎么写,因为他们总是涉及到一些比较深的东西,比如可迭代对象
、生成器
、迭代器
之类的东西,等写完这个系列,再好好整理一下这些东西可能会好一点,现在整理到哪儿就写到哪儿吧
0x001 语法
@H_304_24@function* name([param[, param[, ... param]]])
{
statements
}
0x002 特点
0x003 栗子-无限id
增长器
function* idMaker(begin=0){
while(true)
yield begin++;
}
let maker=idMaker(0)
console.LOG(maker.next().value) // 0
console.log(maker.next().value) // 1
console.log(maker.next().value) // 2
console.log(maker.next().value) // 3
...
说明:
调用生成器函数
返回的是一个迭代器
,迭代器是一个满足迭代器协议
的对象,简单的说,迭代器
对象有一定有一个next
函数,该函数返回一个对象,我们称之为迭代结果对象
,该对象包含以下两个属性:
调用next
函数,将会让生成器函数
真正的执行,一直执行,直到遇见yield
,并返回迭代结果对象
0x004 栗子-有限id
增长器
function* idMaker(begin=0){
while(begin<3)
yield begin++;
}
let maker=idMaker(0)
console.log(maker.next()) // {value: 0, done: false}
console.log(maker.next()) // {value: 1, done: false}
console.log(maker.next()) // {value: 2, done: false}
console.log(maker.next()) // {value: undefined, done: true}
0x005 next
接收参数
function *createITerator() {
let First = yield 1;
let second = yield first + 2; // 4 + 2
// first =4 是next(4)将参数赋给上一条的
yield second + 3; // 5 + 3
}
let iterator = createiterator();
console.log(iterator.next()); // "{ value: 1, done: false }"
console.log(iterator.next(4)); // "{ value: 6, done: false }"
console.log(iterator.next(5)); // "{ value: 8, done: false }"
console.log(iterator.next()); // "{ value: undefined, done: true }"
这个解释起来挺麻烦,第一次调用iterator.next()
,返回1
,代码停在了yield 1
,但是我们将yield 1
的结果保存在了first
变量中,其实这个操作是没有发生的,当我们第二次执行iterator.next(4)
,注意这里传递了一个参数4
,此时会把4
当做yield 1
的返回值,赋值给first
,所以第二次执行可以看做是let first=4
的这么一个执行顺序。
0x006 return
function* yieldAndReturn() {
yield "1";
return "2";
yield "3";
}
VAR gen = yieldAndReturn()
console.log(gen.next()); // { value: "1", done: false }
console.log(gen.next()); // { value: "2", done: true }
console.log(gen.next()); // { value: undefined, done: true }
以上是脚本宝典为你收集整理的es6基础0x016:生成器函数全部内容,希望文章能够帮你解决es6基础0x016:生成器函数所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。