搜索
javascript - es6中Generator函数yield怎么使用?
PHP中文网
PHP中文网 2017-06-26 10:50:39
[JavaScript讨论组]

先看下代码:

function wrapper(generatorFunction) {
    return function (...args) {
        let generatorObject = generatorFunction(...args);
        generatorObject.next();
        return generatorObject;
    };
}

const wrapped = wrapper(function* () {
    console.log(`First input: ${yield}`);
    return 'DONE';
});

wrapped().next('hello!')
// First input: hello!

这个输出结果怎么理解呢?想了半天不理解他的运行结果。
还有下面代码:

function* dataConsumer() {
  console.log('Started');
  console.log(`1. ${yield}`);
  console.log(`2. ${yield}`);
  return 'result';
}

let genObj = dataConsumer();
genObj.next();
// Started
genObj.next('a')
// 1. a
genObj.next('b')
// 2. b

还是看不懂,求大神帮忙分析上述两段代码,帮我学习Generator函数。谢谢了。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
怪我咯

yield 关键字有两个作用:

  1. 暂停生成器函数执行并返回后方表达式的值

  2. 恢复生成器函数执行并得到 next 方法传入的可选参数

你给到的两个例子都是用 yield 接收了 next 方法传入的参数。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号