Symbol.iterator迭代器

Iterator迭代器的概念

Symbol.iterator 为每一个对象定义了默认的迭代器。该迭代器可以被 for...of 循环使用。
详情可查看MDN

这个概念是说任何对象都可以被定制为可在 for..of 循环中使用的对象。

ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.iterator属性。
或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。

Iterator迭代器，我简单粗暴的称它为 遍历器。它遍历/迭代集合(数组)所有元素。

Iterator迭代器作用

1. 为各种数据结构，提供一个统一的、简便的访问接口
2. 任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。（使得数据结构的成员能够按某种次序排列，依次处理该数据结构的所有成员）。
3. ES6提供了新的遍历命令for…of循环来消费Iterator 接口。

可迭代对象

原生具备iterator接口的数据结构：Array，Agruments，Set，Map，String，TypedArray，NodeList。
具体可查看可迭代协议。

JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map 和 Set。

注意：对象Object没有实现迭代协议，因此Object不能直接通过 JavaScript 的 for...of 语句进行迭代。
对象Object转换为数组，才能使用for..of循环。

字符串String也是可迭代对象，可以使用for..of 遍历字符串的每个字符。

可迭代（Iterable）对象 是数组的泛化，是集合。

在实际开发中，我们遇到过各种各样复杂的数据结构：数组的成员可以是String、Array、Object等等，对象Object的成员也可以包含Array…

我们常常使用for，forEach，map，filter等方法来遍历Array数据，使用for...in来遍历Object。也可能在处理一组数据时，多个方法配合使用。

因此，必须要清楚具体的数据结构，才知道具体使用 哪(几)个 方法。如果数据类型改变，遍历的方式也必须改成对应的方式，那我们就要重写代码。

**Iterator迭代器（遍历器）**为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。

实际应用及解析

让Object对象可迭代（for…of）

创建一个对象，使该对象能使用for...of循环。
比如一个 range 对象，它代表了一个数字区间：

let range = {
   
   
	min: 1,
	max: 5
}
// 我们希望 for..of 这样运行：
// for(let num of range) ... num=1,2,3,4,5

因为Object是不支持迭代器的，我们要自己DIY一个，实现代码：

let range = {
   
   
  min: 1,
  max: 5
};

// 1. for..of 调用首先会调用这个：
range