ES6 Generator生成器

2021-10-15 23:02:18 阅读：113 来源： 互联网

标签：ES6 console log Generator 生成器 yield next idMaker value

Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）：

function * myFun() {
  console.log(1);
  yield 1;
  console.log(2);
  yield 2;
  console.log(3);
  yield 3;
}
const result = myFun();
console.log(result.next());
console.log(result.next());
console.log(result.next());
console.log(result.next());

输出：

Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。

---------------------------------------------------------------------------------------------------------------------------------

Generator 函数实现ID生成器：

function* crateIdMaker() {
  let id = 1;
  while (true) {
    yield id++;
  }
}
const idMaker = crateIdMaker();
console.log(idMaker.next().value);
console.log(idMaker.next().value);
console.log(idMaker.next().value);
console.log(idMaker.next().value);
console.log(idMaker.next().value);
console.log(idMaker.next().value);
// 1
// 2
// 3
// 4
// 5
// 6

---------------------------------------------------------------------------------------------------------------------------------

Generator 函数实现可迭代接口：

const lists = {
  names: ['zs', 'ls', 'ww'],
  hobbies: ['sing', 'reading'],
  work: ['administration'],
  [Symbol.iterator]: function * () {
    const all = [...this.names, ...this.hobbies, ...this.work];
    for (const item of all) {
      yield item;
    }
  }
}
for (const item of lists) {
  console.log(item);
}

输出：

标签：ES6,console,log,Generator,生成器,yield,next,idMaker,value
来源： https://blog.csdn.net/u010234868/article/details/120783953

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ES6 Generator生成器