本文共 812 字，大约阅读时间需要 2 分钟。

前言

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

使用场景

• for … of 循环
• 扩展运算符
• 解构赋值

原生支持遍历的数据类型有：

• 数组、类数组对象（HTMLCollection、NodeList）

• 字符串

• Set

• Map

  object不支持遍历器

为Object类型添加遍历器

• 为要遍历的对象添加Symbol.iterator方法
• 方法返回一个具有next()方法的对象。
• 每次遍历会访问next()方法{ value:someData,done:false }并取出key对应的数据。
• 满足结束条件，next方法返回{ done:true }的对象。

代码过程:

Object.prototype[Symbol.iterator] = function(){         let self = this;     let keys = Object.keys(self);    let index = 0;    return {            next(){                if(index < keys.length){                    let currentKey = keys[index++]                return {                        value:{     [currentKey]:self[currentKey] },                    done:false                }            }else{                    return {                        done:true                }            }        }    }}