es6中yield是什么意思

146 阅读 0 评论 97 点赞

我是靠谱客的博主勤恳音响，最近开发中收集的这篇文章主要介绍es6中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是什么意思的详细内容，更多请关注靠谱客其它相关文章！