ES6 Iterator 遍历器

概念：iterator是一种接口机制，为各种不同的数据结构提供统一的访问机制。

作用：

• 为各种数据结构，提供一个统一的，简便的访问接口。

• 使得数据的成员能够按照某种次序排列。

• ES6创造了一种新的遍历命令for of循环，iterator接口主要供for of使用

  for(变量名 of(关键字) 循环的内容){｝

  支持iterator接口的数据：Arrar、arguments、set容器、map容器、String…

Iterator 的遍历过程：

• 创建一个指针对象，指向当前数据结构的起始位置，也就是说，遍历器对象本质上就是一个指针对象
• 第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员
• 第二次调用指针对象的next方法，就可以将指针指向数据结构的第二个成员
• 不断调用指针对象的next方法，直到他指向数据结构的结束位置

每次调用next的时候，返回的值包括一个value done

value 表示 当前成员的值

done 完成 false true

循环完成之后，done的值返回true,

没有循环完成数据，done的值返回false,

没有查询完： {value:‘1’,done:false};

查询完：{value:undefined,done:true};

<script>
	window.onload = function(){
        //  声明一个方法
        //  arr : 接收数组
        function fn(arr){
        //  初始化一个索引
        	let index = 0;
			return{
        	//  定义一个匿名函数
            	next:function(){
            		if(index<arr.length){
                		return {value:arr[index++],done:false};
            		}else{
                		return {value:undefined,done:true};
            		}
            	}
        	}
        }
            let arr = [1,2,3,4,5,6];
            let ceshi = fn(arr);
            console.log(ceshi.next());   //  Object { value: 1, done: false }
            console.log(ceshi.next());   //  Object { value: 2, done: false }
            console.log(ceshi.next());   //  Object { value: 3, done: false }
            console.log(ceshi.next());   //  Object { value: 4, done: false }
            console.log(ceshi.next());   //  Object { value: 5, done: false }
            console.log(ceshi.next());   //  Object { value: 6, done: false }
            console.log(ceshi.next());   //  Object { value: undefined, done: true }
        }
</script>