迭代器

背景知识

1. 什么是迭代？

从一个数据集合中按照一定的顺序，不断取出数据的过程

2. 迭代和遍历的区别

迭代强调的是依次取数据，并不保证取多少，也不保证把所
有的数据取完，遍历强调的是要把整个数据依次全部取出

3. 迭代器

对迭代过程的封装，在不同的语言中有不同的表现形式，通
常为对象

4. 迭代模式

一种设计模式，用于同一迭代过程，并规范了迭代器规格:

• 迭代器应该具有得到下一个数据的能力
• 迭代器应该具有判断是否还有后续数据的能力

JS中的迭代器

JS规定，如果一个对象具有next方法，并且该方法返回一个
对象，该对象格式如下：

{value: 值, done: 是否迭代完成}

则认为该对象是一个迭代器

含义：

• next方法：用于得到下一个数据（数据格式是一个对象）
• 返回的对象
  • value: 下一个数据的值
  • done：boolean，是否迭代完成

可迭代协议 与 for-of循环

可迭代协议

概念回顾

• 迭代器(iterator): 一个具有next方法的对象，next方法返回下
  一个数据并且能指示是否迭代完成
• 迭代器创建函数(iterator creator)：一个返回迭代器的函数

可迭代协议

ES6规定，如果一个对象具有知名符号属性Symbol.iterator，并
且属性值是一个迭代器创建函数，则该对象是可迭代的(iterable)

数组、dom选择器返回的类数组都具备可迭代协议

for-of循环

for-of循环用于遍历可迭代对象，格式如下：

// 迭代完成后循环结束
for (const item in iterable) {
  // iterable: 迭代对象
  // item: 每次迭代得到的数据
}

展开运算符与迭代对象

展开运算符可以作用于可迭代对象，这样，就可以轻松将可迭代对象转
为数组

生成器（Generator）

1. 什么是生成器：生产器是一个通过构造函数Generator创建的对象，生
   成器既是一个迭代器，同时又是一个可迭代对象

2. 如何创建生成器：必须使用生成器函数（Generator Fucntion）

3. 如何书写一个生成器函数呢？

// 这是一个生成器函数,该函数一定返回一个生成器
function *method() {}

4. 生成器函数内部是如何执行的？

生成器函数内部是为了给生成器的每次迭代提供的数据

每次调用生成器的next方法，将导致生成器函数运行到下一个yield
关键字位置

yield是一个关键字，该关键字只能在生成器函数内部使用，表达
"产生"一个迭代数据

5. 有哪些需要注意的细节？

1. 生成器函数可以有返回值，返回值出现在第一次done为true时的
   value属性中
2. 调用生成器的next方法时，可以传递参数，传递的参数会交给
   yield表达式的返回值
3. 第一次调用next方法时，传参没有任何意义
4. 在生成器函数内部，可以调用其它生成器函数，但是要注意加上*号

6. 生成器的其它API

• return方法：调用该方法，可以提前结束生成器函数，从而
  提前让整个过程结束

• throw方法：调用该方法，可以在从生成器中产生一个错误