Symbol.iterator介绍

MDN上定义**Symbol.iterator **为每一个对象定义了默认的迭代器。该迭代器可以被 `[for...of](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...of)` 循环使用。

个人理解就是一个迭代器一个可遍历的方法，JS中数组中的数组成员都是有顺序的，例如下标，而对象就就没有。使用iterator接口就可以实现

• 1

 let obj = {
      data: ["1", "2", "3"],
      [Symbol.iterator]() {
        const self = this;
        let index = 0;
        return {
          next() {
            if (index < self.data.length) {
              return {
                value: self.data[index++],
                done: false,
              };
            } else {
              return { value: undefined, done: true };
            }
          },
        };
      },
    };
    for (let i of obj) {
      console.log(i); // 1 2 3
    }

• 2

  let obj = {
      name: "Cola",
      age: 19,
    };

    obj[Symbol.iterator] = function* fun() {
      yield 1;
      yield 2;
      yield 3;
    };
    console.log(obj);

    for (let i of obj) {
      console.log(i); // 1 2 3
    }