小編給大家分享一下es6中yield指的是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)主營神木網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都app開發(fā),神木h5小程序定制開發(fā)搭建,神木網(wǎng)站營銷推廣歡迎神木等地區(qū)企業(yè)咨詢

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

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

es6中yield是什么意思

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

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

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

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

舉例

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

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

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

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 函數(shù)中 console.log(str) 輸出的，值為 numbers 函數(shù)的返回值。

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

以上是“es6中yield指的是什么意思”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！