ES6-Generator和 Iterators

Iterator 的遍历过程:

1. 创建一个指针对象，指向当前数据结构的起始位置。
   • var it = makeIterator([‘a’, ‘b’]);
2. 第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。
   • it.next() // { value: “a”, done: false }
   • 返回两个值，value：当前成员的值，done：是否遍历结束，返回布尔值
3. 第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。
   • it.next() // { value: “b”, done: false }
4. 不断调用指针对象的next方法，直到它指向数据结构的结束位置。
   • it.next() // { value: undefined, done: true }

Generator (function*)

Generator 是一种特殊的函数类型，可以在函数执行过程中暂停和恢复执行。它通过使用 yield 表达式来实现中断和恢复执行的功能。

• 函数体内部使用yield表达式，定义不同的内部状态
• 当 Generator 函数被调用时，它并不会立即执行，而是返回一个迭代器对象。每次调用迭代器对象的 next() 方法时，Generator 函数会从上一次执行的位置继续执行，直到遇到下一个 yield 表达式或函数结束。此时，Generator 函数将返回一个包含当前值和执行状态的对象，其中 value 属性表示yield 表达式的结果，done 属性表示是否执行完毕。

yield* 后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口

yield 用在表达式中要加一个圆括号
let generator = function* () {
  yield 1;
  yield* [2,4];
};

var iterator = generator();
iterator.next() // { value: 1, done: false }
iterator.next() // { value: 2, done: false }
iterator.next() // { value: 4, done: false }
iterator.next() // { value: undefined, done: true }

作为对象属性的 Generator 函数

let obj = {
  * myGeneratorMethod() {
    ···
  }
}

可迭代性

for…of 会遍历可迭代对象

• 调用Symbol.iterator
• Map 和 Set已实现Symbol.iterator方法

for…of 和 for…in 语句

• 都可以迭代一个列表
• for…in 迭代的是对象的键的列表
• for…of 迭代对象的键对应的值