Java教程

ES6 Generator生成器

本文主要是介绍ES6 Generator生成器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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 Generator生成器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!