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前端】

Atas ialah kandungan terperinci es6中yield是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!