ES6中iterator和Symbol.iterator的理解

Iterator遍历器是一种为各种不同数据结构提供同意访问机制的接口

Iterator的作用：
1、一是为各种数据结构，提供一个统一的、简便的访问接口
2、是的数据结构的成员按照某种次序排列
3、为ES6中新增了一种for…of循环

Iterator 的遍历过程是这样的。
（1）创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。

（2）第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。

（3）第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。

（4）不断调用指针对象的next方法，直到它指向数据结构的结束位置。

每一次调用next方法，都会返回数据结构的当前成员的信息。具体来说，就是返回一个包含value和done两个属性的对象。其中，value属性是当前成员的值，done属性是一个布尔值，表示遍历是否结束。

下面是一个遍历器的例子

let it = makeIterator(['1','2'])

function makeIterator(arr){
	var nextIndex = 0;
	return {
		next: function(){
			return nextIndex < array.length ?
				{
					value: array[nextIndex],
					done: false
				} :
				{
					value: undefined,
					done: true
				}
		}
	}
}

而在ES6中默认定义好了一个Iterator接口，这个接口存放在Symbol.iterator属性当中，所有具有Symbol.iterator属性的数据结构都能够使用for…of遍历，只要是具有Symbol.iterator接口我们就认为这个数据结构是可遍历的

js中原生具有Iterator的数据结构有：

• Array
• Map
• Set
• String
• TypedArray
• 函数的arguments对象
• NodeList对象

我们可以直接使用for…of遍历上述数据结构

let  arr = [11,22,33,44,55,66]
for(let item of arr){
	console.log(item)  
	// 11
	// 22
	// 33
	// 44
	// 55
	// 66
}

默认调用Iterator接口的几个场合:

• 解构赋值
• 扩展运算
• yield*