扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下es6中yield指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联主营神木网站建设的网络公司,主营网站建设方案,成都app开发,神木h5小程序定制开发搭建,神木网站营销推广欢迎神木等地区企业咨询
在es6中,yield是生成器用来内部暂停本身运行的关键字;yield后面跟一个生成器函数或者其他可迭代的对象,yield表达式的返回值,就是其后面可迭代对象迭代完毕时的返回值,语法为“function*gen(){yield表达式}”。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
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。
以上是“es6中yield指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流