ES6迭代器和生成器

迭代器

什么是迭代器

迭代器是一种特殊对象，它具有一些专门为迭代过程设计的专有接口，所有的迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示下一个将要返回的值；另一个是done，它是一个布尔类型的值，当没有更多可返回数据时返回true。迭代器还会保存一个内部指针，用来指向当前集合中值的位置，每调用一次next()方法，都会返回下一个可用的值。如果在最后一个值返回后再调用next()方法，那么返回的对象中属性done的值为true，属性value若未定义，则为undefined。

产生的原因：

虽然循环语句语法简单，但如果将多个循环嵌套，代码复杂度会大大增加，一不小心就会导致程序出错。迭代器的出现旨在消除这种复杂性并减少循环中的错误

在es6中，如果对象具有知名符号属性 Symbol.iterator，则表示对象可以使用迭代

 const arr = [1,2,3];
 console.log(arr)

	  const arr = [1,2,3];
      const iterator = arr[Symbol.iterator](); //直接创建迭代对象
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());

在ES5中运用迭代器

function createIterator(items) {
        var i = 0;
        return {
          next: function () {
            var done = i >= items.length;
            var value = !done ? items[i++] : "undefined";
            return {
              done: done,
              value: value,
            };
          },
        };
      }
      var iterator = createIterator([1, 2, 3]);
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());

生成器

定义：一句话描述生成器就是“一个能够返回一个迭代器函数的函数”。
特征：生成器函数用*function来表示，内部可以使用yield关键字。
现在把上面迭代器的那段代码现在换成生成器的方式来写：

function *createIterator(items){
    for (let i = 0; i< items.length; i++){
        yield items[i]
    }
}
let iterator = createIterator([1,2,3])

console.log(iterator.next());
console.log(iterator.next()); 
console.log(iterator.next()); 
console.log(iterator.next());