ES6的迭代器协议怎么实现

在ES6中，迭代器协议是一种定义对象如何被遍历的标准。一个对象要成为迭代器，它必须实现一个名为next的方法，该方法返回一个对象，该对象包含两个属性：value和done。value是当前迭代的值，done是一个布尔值，表示迭代是否完成。

下面是一个简单的迭代器协议实现示例：

function createIterator(arr) {
  let index = 0;

  return {
    next: function() {
      if (index < arr.length) {
        return { value: arr[index++], done: false };
      } else {
        return { value: undefined, done: true };
      }
    }
  };
}

const iterator = createIterator([1, 2, 3]);

console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

在这个示例中，我们创建了一个名为createIterator的函数，它接受一个数组作为参数，并返回一个实现了迭代器协议的对象。这个对象有一个next方法，每次调用时都会返回数组中的下一个元素，直到数组遍历完成。

要使一个对象成为可迭代对象，需要实现一个名为[Symbol.iterator]的方法，该方法返回一个迭代器对象。下面是一个将上述迭代器协议应用到数组的示例：

const myArray = [1, 2, 3];

myArray[Symbol.iterator] = function() {
  let index = 0;

  return {
    next: function() {
      if (index < this.length) {
        return { value: this[index++], done: false };
      } else {
        return { value: undefined, done: true };
      }
    }
  };
};

for (const item of myArray) {
  console.log(item);
}

在这个示例中，我们为myArray对象添加了一个名为[Symbol.iterator]的方法，该方法返回一个实现了迭代器协议的对象。这样，我们就可以使用for...of循环来遍历数组了。