Es6 ------ 迭代器

迭代器是一种接口，为各种不同的数据结构提供统一的访问机制，任何数据结构只要部署 Iterrate 接口，就可以完成遍历操作； （Iterrate 接口就是对象里边的一个属性，名字叫做symbol.iterator）;

(1)   Es6创建了一种新的遍历命令  for...of循环，Iterator接口主要供for...of循环

（2）原生具备Iterator接口的数据（可用for...of遍历）

            a):   Array,

            a):   Arguments,

            a):   set,

            a):   map,

            a):   String,

            a):   TypedArray,

            a):   Nodelist

(3)  工作原理：

           a):   创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。

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

           a):  接下来不断调用指针对象的next方法，指针一直向后移动，直到指向最后一个成员。

           a):   每调用next方法返回一个包含value 和 done属性的对象。

  * : 需要自定义遍历数据的时候，要想到迭代器

 

    对于原生部署 Iterator 接口的数据结构，不用自己写遍历器生成函数，for...of循环会自动遍历它们。除此之外，其他数据结构（主要是对象）的 Iterator 接口，都需要自己在Symbol.iterator属性上面部署，这样才会被for...of循环遍历。

const banji = {
    name:"终极一班",
    stus:["rose","lili","jack","幽鬼"],
    index:0,
    [Symbol.iterator](){
        this.index = 0;
        var that = this;
        return {
            next : ()=>{
                if(this.index<this.stus.length){
                    const result = {value:this.stus[this.index] , done:false};
                    this.index++;
                    return result;
                }else{
                    return {value: undefined , done:true}
                }
            }
        }
    }
}
console.log(banji);
for(let item of banji){
    console.log(item)
}

2 . for...of 循环

      一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法