摘要：函數(shù)返回的遍歷器對象，還有一個方法，可以返回給定的值，并且終結遍歷函數(shù)。這被稱為表達式個人理解主要用作遍歷具有遍歷器接口的對象或函數(shù)。完整形式函數(shù)的函數(shù)總是返回一個遍歷器，規(guī)定這個遍歷器是函數(shù)的實例，也繼承了函數(shù)的對象上的方法。

首先可以把它理解成，Generator 函數(shù)是一個狀態(tài)機，封裝了多個內(nèi)部狀態(tài)。執(zhí)行 Generator 函數(shù)會返回一個遍歷器對象，也就是說，Generator 函數(shù)除了狀態(tài)機，還是一個遍歷器對象生成函數(shù)。返回的遍歷器對象，可以依次遍歷 Generator 函數(shù)內(nèi)部的每一個狀態(tài)。

Generator 函數(shù)是一個普通函數(shù)，但是有兩個特征。

 一是，function關鍵字與函數(shù)名之間有一個星號；
 二是，函數(shù)體內(nèi)部使用yield表達式，定義不同的內(nèi)部狀態(tài)（yield在英語里的意思就是“產(chǎn)出”）。

Generator 函數(shù)的調用方法與普通函數(shù)一樣，也是在函數(shù)名后面加上一對圓括號。不同的是，調用 Generator 函數(shù)后，該函數(shù)并不執(zhí)行，返回的也不是函數(shù)運行結果，而是一個指向內(nèi)部狀態(tài)的指針對象，也就是上一章介紹的遍歷器對象（Iterator Object）。我們必須調用遍歷器對象的next方法，使得指針移向下一個狀態(tài)。也就是說，每次調用next方法，內(nèi)部指針就從函數(shù)頭部或上一次停下來的地方開始執(zhí)行，直到遇到下一個yield表達式（或return語句）為止。換言之，Generator 函數(shù)是分段執(zhí)行的，yield表達式是暫停執(zhí)行的標記，而next方法可以恢復執(zhí)行

function* helloWorldGenerator() {
  yield "hello";
  yield "world";
  return "ending";
}

var hw = helloWorldGenerator();
hw.next()
// { value: "hello", done: false }

hw.next()
// { value: "world", done: false }

hw.next()
// { value: "ending", done: true }

hw.next()
// { value: undefined, done: true }

調用 Generator 函數(shù)，返回一個遍歷器對象，代表 Generator 函數(shù)的內(nèi)部指針。以后，每次調用遍歷器對象的next方法，就會返回一個有著value和done兩個屬性的對象。value屬性表示當前的內(nèi)部狀態(tài)的值，是yield表達式后面那個表達式的值；done屬性是一個布爾值，表示是否遍歷結束。

yield表達式與return語句既有相似之處，也有區(qū)別。相似之處在于，都能返回緊跟在語句后面的那個表達式的值。區(qū)別在于每次遇到y(tǒng)ield，函數(shù)暫停執(zhí)行，下一次再從該位置繼續(xù)向后執(zhí)行，而return語句不具備位置記憶的功能。一個函數(shù)里面，只能執(zhí)行一次（或者說一個）return語句，但是可以執(zhí)行多次（或者說多個）yield表達式。正常函數(shù)只能返回一個值，因為只能執(zhí)行一次return；Generator 函數(shù)可以返回一系列的值，因為可以有任意多個yield。從另一個角度看，也可以說 Generator 生成了一系列的值，這也就是它的名稱的來歷（英語中，generator 這個詞是“生成器”的意思）。

語法注意點：
1.yield表達式只能用在 Generator 函數(shù)里面
2.yield表達式如果用在另一個表達式之中，必須放在圓括號里面
3.yield表達式用作函數(shù)參數(shù)或放在賦值表達式的右邊，可以不加括號。
例如：

function* demo() {
  foo(yield "a", yield "b"); // OK
  let input = yield; // OK
}

yield表達式本身沒有返回值(就是說let a=yield ;會返回undefined)，或者說總是返回undefined。next方法可以帶一個參數(shù)，該參數(shù)就會被當作上一個yield表達式的返回值 （注意，是整個表達式的返回值而不只是yield 后方的值，例如 let a=yield.......... 參數(shù)會是a 的值并且會覆蓋表達式之前的值）。

function* f() {
  for(var i = 0; true; i++) {
    var reset = yield i;
    console.log(reset);
    if(reset) { i = -1; }
  }
}

var g = f();

g.next() 

由于next方法的參數(shù)表示上一個yield表達式的返回值，所以在第一次使用next方法時，傳遞參數(shù)是無效的。V8 引擎直接忽略第一次使用next方法時的參數(shù)，只有從第二次使用next方法開始，參數(shù)才是有效的。從語義上講，第一個next方法用來啟動遍歷器對象，所以不用帶有參數(shù)。

Generator 函數(shù)返回的遍歷器對象，都有一個throw方法，可以在函數(shù)體外拋出錯誤，然后在 Generator 函數(shù)體內(nèi)捕獲。

var g = function* () {
  try {
    yield;
  } catch (e) {
    console.log("內(nèi)部捕獲到錯誤", e);
  }
};

var i = g();
i.next();
//外部拋出錯誤：
i.throw("a");

注意點：
1.throw方法拋出的錯誤要被內(nèi)部捕獲，前提是必須至少執(zhí)行過一次next方法。
2.throw方法被捕獲以后，會附帶執(zhí)行下一條yield表達式。也就是說，會附帶執(zhí)行一次next方法。
3.Generator 函數(shù)體外拋出的錯誤，可以在函數(shù)體內(nèi)捕獲；反過來，Generator 函數(shù)體內(nèi)拋出的錯誤，也可以被函數(shù)體外的catch捕獲。
4.一旦 Generator 執(zhí)行過程中拋出錯誤，且沒有被內(nèi)部捕獲，就不會再執(zhí)行下去了。如果此后還調用next方法，將返回一個value屬性等于undefined、done屬性等于true的對象，即 JavaScript 引擎認為這個 Generator 已經(jīng)運行結束了。

Generator 函數(shù)返回的遍歷器對象，還有一個return方法，可以返回給定的值，并且終結遍歷 Generator 函數(shù)。

語法角度看，如果yield表達式后面跟的是一個遍歷器對象，需要在yield表達式后面加上星號，表明它返回的是一個遍歷器對象。這被稱為yield表達式（個人理解yield 主要用作遍歷具有遍歷器（Iterator）接口的對象或函數(shù)）。
如：
用來在一個 Generator 函數(shù)里面執(zhí)行另一個 Generator 函數(shù)。

function* foo() {
  yield "a";
  yield "b";
}
// 直接調用沒有效果
function* bar() {
  yield "x";
  foo();
  yield "y";
}
// 使用yield* foo();
function* bar() {
  yield "x";
  yield* foo();
  yield "y";
}

// 等同于
function* bar() {
  yield "x";
  yield "a";
  yield "b";
  yield "y";
}

// 等同于
function* bar() {
  yield "x";
  for (let v of foo()) {
    yield v;
  }
  yield "y";
}
for (let v of bar()){
  console.log(v);
}

如果被代理的 Generator 函數(shù)有return語句，那么就可以向代理它的 Generator 函數(shù)返回數(shù)據(jù)。

function* foo() {
  yield 2;
  yield 3;
  return "foo";
}

function* bar() {
  yield 1;
  var v = yield* foo();
  console.log("v: " + v);
  yield 4;
}

var it = bar();

it.next()
// {value: 1, done: false}
it.next()
// {value: 2, done: false}
it.next()
// {value: 3, done: false}
it.next();
// "v: foo"
// {value: 4, done: false}
it.next()
// {value: undefined, done: true}

如果一個對象的屬性是 Generator 函數(shù)，可以簡寫成下面的形式。

let obj = {
  * myGeneratorMethod() {
    ···
  }
};

完整形式

let obj = {
  myGeneratorMethod: function* () {
    // ···
  }
};

Generator 函數(shù)總是返回一個遍歷器，ES6 規(guī)定這個遍歷器是 Generator 函數(shù)的實例，也繼承了 Generator 函數(shù)的prototype對象上的方法。

function* g() {}

g.prototype.hello = function () {
  return "hi!";
};

let obj = g();

obj instanceof g // true
obj.hello() // "hi!"

上面代碼表明，Generator 函數(shù)g返回的遍歷器obj，是g的實例，而且繼承了g.prototype。但是，如果把g當作普通的構造函數(shù)，并不會生效，因為g返回的總是遍歷器對象，而不是this對象。

function* g() {
  this.a = 11;
}

let obj = g();
obj.next();
obj.a // undefined

Generator 函數(shù)也不能直接跟new命令一起用

function* F() {
  yield this.x = 2;
  yield this.y = 3;
}

new F()

變通方法

function* gen() {
  this.a = 1;
  yield this.b = 2;
  yield this.c = 3;
}

function F() {
  return gen.call(gen.prototype);
}

var f = new F();

f.next();  // Object {value: 2, done: false}
f.next();  // Object {value: 3, done: false}
f.next();  // Object {value: undefined, done: true}

f.a // 1
f.b // 2
f.c // 3