014-Iterator接口和for...of循环

/**
* Iterator接口和for...of循环
*
* 介绍：
*    如Array Object Set Map等数据结构，的使用方式各异，而通过Iterator接口
*    致力于统一他们的调用方式，让他们在使用上尽可能的相同，这就是他的功能
*
*/

{ //数组内置的Iterator接口
let arr=['hello','world'];
let map=arr[Symbol.iterator]();
console.log(map.next());
console.log(map.next());
console.log(map.next());
}

{ //自定义Iterator接口
let obj={
start:[1,3,2],
end:[7,9,8],
[Symbol.iterator](){
/**
* 达到的效果（先遍历start,再遍历end）
* @type {obj}
*/
let self=this;
let index=0;
let arr=self.start.concat(self.end);
let len=arr.length;
return {
next(){
if(index<len){
return {
value:arr[index++],
done:false
}
}else{
return {
value:arr[index++],
done:true
}
}
}
}
}
}
for(let key of obj){
console.log(key); //1 3 2 7 9 8
}
}

{ //for...of循环
let arr=['hello','world'];
for(let value of arr){
console.log('value',value);
}
}