es6中yield是什么意思

在es6中，yield是生成器用來內(nèi)部暫停本身運(yùn)行的關(guān)鍵字；yield后面跟一個(gè)生成器函數(shù)或者其他可迭代的對象，yield表達(dá)式的返回值，就是其后面可迭代對象迭代完畢時(shí)的返回值，語法為“function*gen(){yield表達(dá)式}”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中yield是什么意思

yield是ES6中的Generator（生成器）用來內(nèi)部暫停本身運(yùn)行的關(guān)鍵字。

請注意“內(nèi)部”一詞，生成器函數(shù)并不能由外部邏輯暫停，只能由本身通過yield暫停。

yield關(guān)鍵字后可以跟隨變量，也可以單獨(dú)使用。如果yield后面跟隨變量（我們可以稱之為yield表達(dá)式），生成器函數(shù)暫停后再次恢復(fù)運(yùn)行時(shí)，傳入的參數(shù)作為整體yield表達(dá)式的值參與后續(xù)的邏輯運(yùn)算；

當(dāng)yield后不跟隨變量，單獨(dú)使用的yield僅僅是作為暫停生成器函數(shù)使用，生成器恢復(fù)運(yùn)行后被傳入的參數(shù)作為yield的值參與后續(xù)運(yùn)算。

舉例

第 1 步，構(gòu)造一個(gè)生成器函數(shù)。

function* numbers () {      yield 1;      yield 2;          return 'numbers';  }

第 2 步，在上述生成器函數(shù)外層做一個(gè)代理。

function* delegate () {      var str = yield* numbers();      console.log(str);            yield 3;      return 'delegate'; }

第 3 步，構(gòu)造迭代器。

var iterator = delegate();

第 4 步，輸出迭代結(jié)果。

 /**   * 第一次輸出結(jié)果   * { value: 1, done: false }   */  console.log(iterator.next()) // 第一次輸出    /**   * 第二次輸出結(jié)果   * { value: 2, done: false }   */  console.log(iterator.next()) // 第二次輸出    /**   * 第三次輸出結(jié)果   * numbers   * { value: 3, done: false }   */  console.log(iterator.next()) // 第三次輸出    /**   * 第四次輸出結(jié)果   * { value: 'delegate', done: true }   */  console.log(iterator.next()) // 第四次輸出

輸出結(jié)果描述

第三次輸出時(shí)，輸出兩行內(nèi)容。第一行內(nèi)容為 delegate 函數(shù)中 console.log(str) 輸出的，值為 numbers 函數(shù)的返回值。

第四次輸出時(shí)，輸出一行內(nèi)容，其中的 value 值為 delegate 函數(shù)的返回值。此時(shí)，done 屬性為 true。

【