es6中yield是什麼意思

在es6中，yield是生成器用來內部暫停本身運行的關鍵字；yield後面跟一個生成器函數或其他可迭代的對象，yield表達式的返回值，就是其後面可迭代對象迭代完畢時的回傳值，語法為「function*gen(){yield表達式}」。

本教學操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中yield是什麼意思

yield是ES6中的Generator（生成器）用來內部暫停本身運行的關鍵字。

請注意「內部」一詞，生成器函數並不能由外部邏輯暫停，只能由本身透過yield暫停。 

yield關鍵字後可以跟著變量，也可以單獨使用。如果yield後面跟隨變數（我們可以稱之為yield表達式），生成器函數暫停後再次恢復運行時，傳入的參數會作為整體yield表達式的值參與後續的邏輯運算；

當yield後不跟隨變量，單獨使用的yield只是作為暫停生成器函數使用，生成器恢復運行後被傳入的參數作為yield的值參與後續運算。

範例

第 1 步，建構一個生成器函數。

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

第 2 步，在上述生成器函數外層做一個代理程式。

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

第 3 步，建構迭代器。

var iterator = delegate();

第 4 步，輸出迭代結果。

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

輸出結果描述

第三次輸出時，輸出兩行內容。第一行內容為 delegate 函數中 console.log(str) 輸出的，值為 numbers 函數的回傳值。

第四次輸出時，輸出一行內容，其中的 value 值為 delegate 函數的回傳值。此時，done 屬性為 true。

【相關推薦：javascript影片教學、web前端】

以上是es6中yield是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！