es6基础0x016:生成器函数

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6基础0x016:生成器函数脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

0x000 概述

其实前几章我都不知道怎么写,因为他们总是涉及到一些比较深的东西,比如可迭代对象生成器迭代器之类的东西,等写完这个系列,再好好整理一下这些东西可能会好一点,现在整理到哪儿就写到哪儿吧

0x001 语法

@H_304_24@function* name([param[, param[, ... param]]])
{ 
    statements 
}
  • 使用function*作为声明标识符,表示这是一个生成器函数
  • name是函数名
  • param是参数名,可以255
  • statements是函数体

0x002 特点

  • 生成器函数在执行的时候是可以暂停的,需要的时候再继续执行
  • 生成器函数返回的是一个迭代器对象,不会立即执行
  • 生成器函数可以使用return,但是return之后将不可再迭代

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函数,该函数返回一个对象,我们称之为迭代结果对象,该对象包含以下两个属性:

  1. value:本次迭代的结果
  2. done:布尔值,如果为true,表示无法再继续迭代,如果为false,表示可以继续迭代。

调用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}

如果函数执行完成了,那么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,请注明来意。