生成器（Generator）是JavaScript ES6引入的特性，它让我们可以分段执行一个函数。

但是在谈论生成器（Generator）之前，我们要先了解迭代器（Iterator）。

迭代器（Iterator）

迭代器（Iterator）并非JavaScript的特性，而是一种概念，需要我们自己实现。

先看下面一段代码：

let numbers = [1, 2, 3];
for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

运行上面代码

这段代码的作用是遍历数组（array）numbers中所有元素。现在我们使用迭代器的方式来遍历它。

首先我们需要自己实现一个迭代器（Iterator）：

function makeIterator(array){
  var nextIndex = 0;

  return {
    next: function(){
      return nextIndex < array.length ?
        {value: array[nextIndex++], done: false} :
        {done: true};
    }
  };
}

运行上面代码

接下来，我们要使用我们刚刚实现的迭代器来遍历数组：

let it = makeIterator([1, 2, 3]);
console.log(it.next()); // {value: 1, done: false}
console.log(it.next()); // {value: 2, done: false}
console.log(it.next()); // {value: 3, done: false}
console.log(it.next()); // {done: true}

运行上面代码

可以看到，每调用一次it.next()，就可以获取到一个值，同时可以通过done属性知道是否已经遍历完毕。

生成器（Generator）

讲完迭代器，我们再来看一看生成器（Generator）。简单来说，生成器（Generator）就是一个自带迭代器（Iterator）的函数。

一个简单的例子如下：

function* printOneToThree() {
  yield 1;
  yield 2;
  yield 3;
}

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

运行上面代码

可以看到，我们每调用一次it.next()语句，就会运行一个yield表达式，直到所有的yield表达示全部运行完毕。如此一来，我们如开篇所说，具有了分段执行一个函数的能力。

更多关于生成器（Generator）的探讨请参见：

1. JavaScript：生成器（Generator）
2. JavaScript：yield表达式的返回值
3. JavaScript：生成器（Generator）中的return语句