ES6 生成器与yield关键字

痛定思痛。 2022-12-18 10:53 90阅读 0赞

### 一、生成器（generator） ###

形如 `function* () { }` 的函数为生成器函数

### 二、yield关键字 ###

1.  `yield` 关键字要配合生成器使用
2.  生成器中的`yield`的作用类似与`return`，会返回一个 `Generator` 对象（ `Generator` 本质是一个特殊的 `Iterator` ）。
    
        function* generatorFunc() { 
        	let arr = [1, 2];
        	for(let i=0; i<arr.length; i++){ 
        		yield arr[i];
        	}
        }
        let gn = generatorFunc();
        gn.next();	// {value: 1, done: false}
        gn.next();	// {value: 2, done: false}
        gn.next();	// {value: undefined, done: true}
        // 或者使用 for...of 遍历生成器
3.  `next()` 方法往函数中传值
    
        function* generatorFunc2(_a) { 
        	let x = 2 * (yield _a + 1);
        	console.log(`x的值为：${ x}`);
        	let y = 7 + (yield x)
        	console.log(`y的值为：${ y}`);
        	yield y
        }
        let gn = generatorFunc2(5);
        gn.next();	// {value: 6, done: false}
        gn.next(5);	// {value: 10, done: false} 
        // x的值为：10
        gn.next(4);	// {value: 11, done: false}
        // y的值为：11
        gn.next();	// {value: undefined, done: true}
4.  生成器中使用 `return`
    
        function* generatorFunc3() { 
        	let arr = [1, 2];
        	for(let i=0; i<arr.length; i++){ 
        		yield arr[i];
        	}
        	return 'done';
        	return 'done2';
        }
        let gn = generatorFunc3();
        gn.next();	// {value: 1, done: false}
        gn.next();	// {value: 2, done: false}
        gn.next();	// {value: 'done', done: true}
        gn.next();	// {value: undefined, done: true}

### 三、生成器的一些应用 ###

1.  [模拟 async/await ][async_await]

[async_await]: https://blog.csdn.net/SJ1551/article/details/109498387

发表评论取消回复

表情：

评论列表（有 0 条评论，90人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP生成器的运用 yield 关键字

生成器提供了一种更容易的方法来实现简单的[对象迭代][Link 1]，相比较定义类实现 Iterator 接口的方式，性能开销和复杂性大大降低。生成器允许你在 [forea

柔情只为你懂/ 2023年01月17日 06:30/ 0 赞/ 165 阅读

相关 ES6 生成器与yield关键字

一、生成器（generator）形如 `function () { }` 的函数为生成器函数二、yield关键字 1. `yield` 关键字要配合生成器使

痛定思痛。/ 2022年12月18日 10:53/ 0 赞/ 91 阅读

相关为什么使用ES6生成器

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0

Myth丶恋晨/ 2022年10月10日 09:56/ 0 赞/ 101 阅读

相关 ES6基础：Generator生成器

Generator 生成器 Generator是一种奇特的函数形式，因为它的语法行为与传统函数完全不同，在平时项目中的使用频率也很低，大家经常将它忽略，甚至没有了解过，毕

绝地灬酷狼/ 2022年10月10日 09:51/ 0 赞/ 121 阅读

相关 ES6 生成器

本文内容主要来自《深入浅出ES6》 ES6生成器不是指生成ES代码的机器。示例代码：先看一段示例： function quips(name)

╰+攻爆jí腚メ/ 2022年08月20日 02:18/ 0 赞/ 127 阅读

相关 ES6 super关键字

我们知道，this关键字总是指向函数运行时所在的当前对象，ES6 又新增了另一个类似的关键字super，指向当前对象的原型对象。 let prop = {

男娘i/ 2022年06月06日 20:29/ 0 赞/ 162 阅读

相关 es6的yield关键字

原文地址：[http://www.zhufengpeixun.com/qianduanjishuziliao/javascriptzhuanti/2017-03-25/740.

拼搏现实的明天。/ 2022年05月31日 07:28/ 0 赞/ 211 阅读

相关用yield关键字创建生成器

Python使用生成器(generator) 对延迟操作提供了支持。所谓延迟操作，是指在需要的时候才产生结果，而不是立即产生结果。这也是生成器的主要好处。什么是生成

野性酷女/ 2022年02月26日 02:00/ 0 赞/ 182 阅读

相关 ES6 let与const关键字详解

let 与 const 关键字 let 的使用 `let` 用于声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。语法：`

拼搏现实的明天。/ 2021年12月05日 15:07/ 0 赞/ 237 阅读

相关 ES6 yield

一、介绍　　yield 关键字用来暂停和继续一个生成器函数。我们可以在需要的时候控制函数的运行。　　yield 关键字使生成器函数暂停执行，并返回跟在它后面的表达

港控/mmm°/ 2021年06月24日 14:36/ 0 赞/ 406 阅读