ES6中的迭代器和生成器

一.迭代器

什么是迭代器
迭代器是一种特殊对象，它具有一些专门为迭代过程设计的专有接口，所有的迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示下一个将要返回的值；另一个是done，它是一个布尔类型的值，当没有更多可返回数据时返回true。迭代器还会保存一个内部指针，用来指向当前集合中值的位置，每调用一次next()方法，都会返回下一个可用的值。如果在最后一个值返回后再调用next()方法，那么返回的对象中属性done的值为true，属性value若未定义，则为undefined。
产生的原因：
虽然循环语句语法简单，但如果将多个循环嵌套，代码复杂度会大大增加，一不小心就会导致程序出错。迭代器的出现旨在消除这种复杂性并减少循环中的错误
迭代器用法

//在es6中，如果对象具有知名符号属性 Symbol.iterator，则表示对象可以使用迭代
      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());

二.生成器

什么是生成器
生成器就是通过构造函数Generator创建出来的一个对象，这个对象既是一个迭代器，同时又是一个可迭代的对象。
生成器的使用

function* createIterator() {
        yield 1;
        yield 2;
        yield 3;
      }
      let iterator = createIterator();
      console.log(iterator.next());
      console.log(iterator.next()); 
      console.log(iterator.next());
      console.log(iterator.next());

生成器还可以这样创建

let createIterator = function* (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());

还可以在对象中创建这里我就不一 一举例了
注意：不能用forEach，因为yield关键字只可在生成器内部使用，在其他地方使用会导致程序抛出错误

function *createIterator(items) {
    items.forEach(function(item) {
        // 语法错误
        yield item + 1;
    });
}