摘要：遍歷器對(duì)象調(diào)用方法后，拋出的異常被函數(shù)體捕獲以后，會(huì)附帶執(zhí)行下一條語(yǔ)句。

在ES6之前遍歷數(shù)組的方法有以下四種：

// 第一種
for(var i = 0; i < array.length; i++){
    console.log(array[i])
}
// 第二種
array.forEach(function(item,index){
    console.log(item)
})
// 第三種
for(var index in array){
    console.log(array[index])
}
// 第四種
for(var value of array){
    console.log(value)
}

在上面的遍歷方式中，第二種方式有一種小缺陷，就是不能使用break語(yǔ)句中斷執(zhí)行，也不能使用return語(yǔ)句返回到外層函數(shù)。它會(huì)一直遍歷完數(shù)組的所有元素。第三種方式是一個(gè)更糟糕的方式，在遍歷過程中，賦值給index的不是number類型，而是字符串類型，for-in循環(huán)除了遍歷數(shù)組外，還會(huì)遍歷自定義屬性，甚至是遍歷出原型鏈上的屬性。并且for-in的遍歷順序不能得到保障。

第四種方法是ES6中新增的遍歷數(shù)組的方法，它可以正確響應(yīng)break、continue和return語(yǔ)句，for-in語(yǔ)句除了能遍歷數(shù)組外，還能遍歷類數(shù)組對(duì)象，如DOM的NodeList對(duì)象，arguments對(duì)象，也能遍歷字符串、Set對(duì)象、Map對(duì)象。

for-of循環(huán)語(yǔ)句能夠遍歷各種集合的。是因?yàn)檫@些對(duì)象都有一個(gè)迭代器的方法，迭代器(Iterator)是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機(jī)制，任何數(shù)據(jù)結(jié)構(gòu)只要部署了iterator接口，就可以完成遍歷操作。比如下面這種情況：

let obj = {
    data:["hello","world"],
    [Symbol.iterator](){
        const _self = this
        let index = 0
        return {
            next(){
                if(index < _self.data.length){
                    return {value:_self.data[index++],done:false}
                }else{
                    return {value:undefined,done:true}
                }
            }
        }
    }
}
for(var value of obj){
    console.log(value)    // 輸出   hello  world
}

迭代器也可以直接使用Array默認(rèn)的iterator。

// 也可以直接使用Array的迭代器
let newObj = {
    0:"a",
    1:"b",
    2:"c",
    [Symbol.iterator]:Array.prototype[Symbol.iterator]
}
for(var value of newObj){
    console.log(value)   // 輸出 a b c
}

for-of循環(huán)語(yǔ)句其實(shí)是調(diào)用遍歷對(duì)象的[Symbol.iterator]方法，該方法返回一個(gè)iterator，里面有一個(gè)next方法，for循環(huán)會(huì)不斷調(diào)用這個(gè)iterator.next方法來獲取下一個(gè)值，直到返回值中的done屬性為ture時(shí)結(jié)束循環(huán)。除了添加iterator外還可以使用yield實(shí)現(xiàn)循環(huán)：

let obj = {
    [Symbol.iterator]: function* (){
        for(var i = 0; i < 100; i++){
            yield i
        }
    }
}
for(var value of obj){
    console.log(value)
}

創(chuàng)建一個(gè)指針對(duì)象，指向當(dāng)前數(shù)據(jù)結(jié)構(gòu)的起始位置，也就是說，遍歷器對(duì)象的本質(zhì)就是一個(gè)指針對(duì)象。

第一次調(diào)用指針對(duì)象的next方法，可以將指針指向數(shù)據(jù)結(jié)構(gòu)的第一個(gè)成員。

不斷調(diào)用指針對(duì)象的next方法，直到它指向數(shù)據(jù)結(jié)構(gòu)的結(jié)束位置。

當(dāng)使用for-of循環(huán)遍歷某個(gè)數(shù)據(jù)結(jié)構(gòu)時(shí)，該循環(huán)會(huì)自動(dòng)去尋找iterator接口。只要一個(gè)對(duì)象含有iterator接口，那么該對(duì)象就可以被遍歷。

解構(gòu)賦值

let arr = [1,2,3,5]
let [first,...second] = arr

擴(kuò)展運(yùn)算符

var str = "hello"
[...str]    //  ["h","e","l","l","o"]

yield*

yield*后面跟的是一個(gè)可遍歷的結(jié)構(gòu)，它就會(huì)調(diào)用該結(jié)構(gòu)的遍歷器接口。

let generator = function* (){
    yield* [2,3,4]
}

其他場(chǎng)合

由于數(shù)組的遍歷會(huì)調(diào)用遍歷器接口，所以任何接受數(shù)組作為參數(shù)的場(chǎng)合，其實(shí)都調(diào)用了遍歷器接口。比如for-of、Promise.all()、Promise.race()

生成器函數(shù)與普通函數(shù)不同的點(diǎn)：普通函數(shù)使用function關(guān)鍵字聲明，生成器函數(shù)使用function*聲明，在生成器函數(shù)內(nèi)部，有類似return語(yǔ)法的yeild關(guān)鍵字，與return不同的是，生成器函數(shù)可以yeild多次，在函數(shù)執(zhí)行過程中，遇到y(tǒng)ield表達(dá)式立即暫停，后續(xù)可恢復(fù)執(zhí)行狀態(tài)。

function* question(name){
    yield "你好" + name + "!"
    yield "希望你能喜歡"
    yield "下次再見"
    return "拜拜"
}
var iter = question("小明")
iter.next()    // {value: "你好小明!", done: false}
iter.next()   // {value: "希望你能喜歡", done: false}
iter.next()    // {value: "下次再見", done: false}
iter.next()    // {value: "拜拜", done: true}

generator函數(shù)在調(diào)用后，并不會(huì)立即執(zhí)行，而是返回一個(gè)iterator對(duì)象，每次生成器執(zhí)行到y(tǒng)ield語(yǔ)句后，生成器函數(shù)的堆棧結(jié)構(gòu)(本地變量、參數(shù)、臨時(shí)值、生成器內(nèi)部當(dāng)前的執(zhí)行位置)被移除堆棧。然而，生成器對(duì)象保留了對(duì)這個(gè)堆棧結(jié)構(gòu)的引用，所以稍后調(diào)用.next()方法可以重新激活堆棧結(jié)構(gòu)并且繼續(xù)執(zhí)行。不過生成器不是線程，它仍然處于JS單線程里。

如果運(yùn)行到后面沒有yield表達(dá)式，就會(huì)一直運(yùn)行到函數(shù)結(jié)束，直到return語(yǔ)句為止，并將return表達(dá)式的值賦值給最后返回對(duì)象的value值，如果沒有return語(yǔ)句，則返回對(duì)象的value值為undefined。
generator生成器是iterator的生成函數(shù)，執(zhí)行g(shù)enerator函數(shù)，返回的就是iterator迭代器。

function* gen(){
    for(let i = 0; true; i++){
        let reset = yield i
        if(reset){
            i = -1
        }
    }
}
let g = gen()
g.next()     // {value:0,done:false}
g.next(true)    // {value:0;done:false}

yield表達(dá)式本身沒有返回值，或者說總是返回undefined，next方法可以帶一個(gè)參數(shù)，該參數(shù)就會(huì)被作為上一個(gè)yeild表達(dá)式的值。generator從暫停狀態(tài)到恢復(fù)運(yùn)行，它的上下文狀態(tài)是不變的，通過next方法傳入?yún)?shù)，可以在generator函數(shù)開始運(yùn)行之后，繼續(xù)向函數(shù)內(nèi)部注入值。

function* gen(){
    try {
        yield "123"
    }catch(e){
        console.log("內(nèi)部捕獲",e)
    }
}
let g = gen()
g.next()
try {
    g.throw("a")
    g.throw("b")
}catch(e){
    console.log("外部捕獲","b")
}
// 內(nèi)部捕獲 a
// 外部捕獲 b

上述代碼中，遍歷器對(duì)象g連續(xù)拋出錯(cuò)誤，第一個(gè)錯(cuò)誤被generator函數(shù)體內(nèi)的catch語(yǔ)句捕獲，第二次拋出錯(cuò)誤時(shí)，由于catch語(yǔ)句已經(jīng)執(zhí)行過了，不會(huì)捕獲該錯(cuò)誤，所以這個(gè)錯(cuò)誤由函數(shù)體外的catch捕獲。如果函數(shù)內(nèi)部沒有try-catch語(yǔ)句，那么throw方法拋出的錯(cuò)誤將被外部的try-catch捕獲。遍歷器對(duì)象g調(diào)用throw方法后，拋出的異常被generator函數(shù)體捕獲以后，會(huì)附帶執(zhí)行下一條yield語(yǔ)句。一旦generator執(zhí)行過程拋出錯(cuò)誤，且沒有被內(nèi)部捕獲，generator函數(shù)就不會(huì)執(zhí)行下去了。如果此后再調(diào)用next方法，將返回對(duì)象{value:undefined,done:true}。

function* gen(){
    yield 1;
    yield 2;
    yiled 3;
}
var g = gen()
g.next()      // {value:1,done:false}
g.return("end")  // {value:"end",done:true}
g.next()     // {value:undefined,done:true}

如果generator函數(shù)內(nèi)部有try-finally代碼塊，那么return方法會(huì)推遲到finally代碼塊執(zhí)行完畢再執(zhí)行。

function* numbers () {
  yield 1;
  try {
    yield 2;
    yield 3;
  } finally {
    yield 4;
    yield 5;
  }
  yield 6;
}
var g = numbers();
g.next() // { value: 1, done: false }
g.next() // { value: 2, done: false }
g.return(7) // { value: 4, done: false }
g.next() // { value: 5, done: false }
g.next() // { value: 7, done: true }

next()、throw()、return()這三個(gè)方法都是讓generator函數(shù)恢復(fù)執(zhí)行，并且使用不同的語(yǔ)句替換yield表達(dá)式，next()是將yeild表達(dá)式替換成一個(gè)值，throw()是將yeild替換成一個(gè)throw語(yǔ)句，return()是將yield語(yǔ)句替換成一個(gè)return語(yǔ)句。

在generator函數(shù)內(nèi)部再調(diào)用另一個(gè)generator函數(shù)，默認(rèn)情況下是沒有效果的，這個(gè)時(shí)候就需要用到y(tǒng)ield*表達(dá)式，用來在一個(gè)generator函數(shù)內(nèi)執(zhí)行另一個(gè)generator函數(shù)。