Iterator

Posted 2020-07-18 Beat Yourself

一、概述

  1、一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作

  2、调用指针对象的next方法，就可以遍历事先给定的数据结构

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

  4、凡是部署了Symbol.iterator属性的数据结构，就称为部署了遍历器接口。调用这个接口，就会返回一个遍历器对象。

二、数据结构的默认Iterator接口

  1、对象的Symbol.iterator属性，指向该对象的默认遍历器方法。

  2、具备Iterator接口的原生数据结构：

• 　　数组
• 　　某些类似数组的对象
• 　　Set和Map结构。
• 

  3、其他数据结构（主要是对象）的Iterator接口，都需要自己在Symbol.iterator属性上面部署，这样才会被for...of循环遍历

  4、严格地说，对象部署遍历器接口并不是很必要，因为这时对象实际上被当作Map结构使用

  5、对一般对象部署迭代器对象:

/**
 * 
 * @authors Soul ([e-mail])
 * @date    2016-06-01 15:34:02
 * @version 0.0.1
 * @description  给一般对象部署迭代器对象
 */
 
//迭代器对象
const soul_iterator={
        soul_index:-1,
        [Symbol.iterator](){
            return this;
        },
        next(){
            var arr=this.soul_exchange();
            this.soul_index++;
            return this.soul_index>=arr.length?{value:undefined,done:true}:{value:this[arr[this.soul_index]],done:false};
        },
        soul_exchange(){
            var array=[];//用来存放数字索引和属性名的键值对
            var j=0;//用作array数组的索引值
            for(let i in this){
                if(i!="soul_index"&&i!="next"&&i!="soul_exchange")
                    array[j++]=i;
            }
            // console.log(array);
            return array;
        }
};

//测试对象
function objTest(){}
objTest.prototype={
    name:"soul",
    age:21    
};

//部署迭代器对象
objTest.prototype.__proto__=soul_iterator;

//创建测试对象的实例
var newObj=new objTest();

// for...of  测试
for(let i of newObj){
    console.log(i);
}

//next()方法测试
// console.log(newObj.next());
// console.log(newObj.next());
// console.log(newObj.next());
// console.log(newObj.next());

 

 

6、对于类似数组的对象（存在数值键名和length属性），部署Iterator接口，有一个简便方法，就是Symbol.iterator方法直接引用数组的Iterator接口

NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];

  7、如果Symbol.iterator方法对应的不是遍历器生成函数（即会返回一个遍历器对象），解释引擎将会报错

三、调用Iterator接口的场合

  1、默认调用Iterator接口的情况：

• 解构赋值
• 扩展运算符  //只要某个数据结构部署了Iterator接口，就可以对它使用扩展运算符，将其转为数组
• yield*  //yield*后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口
• for...of
• Array.from()
• Map(), Set(), WeakMap(), WeakSet()（比如new Map([[\'a\',1],[\'b\',2]])）
• Promise.all()
• Promise.race()

四、字符串的Iterator接口

  1、字符串是一个类似数组的对象，也原生具有Iterator接口。

五、Iterator接口和Generator函数

  1、Generator可以很容易的实现Iterator接口

  2、实现方式：

var myIterable = {};

myIterable[Symbol.iterator] = function* () {
  yield 1;
  yield 2;
  yield 3;
};

  3、yield命令给出每一步的返回值。

六、Iterator对象的return()和throw()

  1、next方法是必须部署的，return方法和throw方法是否部署是可选的

  2、return方法必须返回一个对象

  3、return方法主要用于提前退出

  4、throw方法主要是配合Generator函数使用，一般的遍历器对象用不到这个方法

七、for...of

  1、凡是部署了Iterator对象的对象，都可以使用for...of取得值