es6的generator

最新推荐文章于 2024-12-20 08:24:21 发布

壁立千仞无欲则刚

最新推荐文章于 2024-12-20 08:24:21 发布

阅读量320

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/wzj0808/article/details/51637851

javascript 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了JavaScript中Generator函数的使用方式及特点，通过示例代码展示了如何利用Generator进行多次输出，并对比了使用next方法与for循环获取值的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用generator可以多次输出：

	function* gtor(x)
	{
		yield x+1;
		yield x+2;
		// return x+3;
	}

	var f=gtor(3);
	console.log(f.next());
	console.log(f.next());
	console.log(f.next());
	console.log(f.next());

	for(var x of gtor(3))
	{
		console.log(x);
	}

{ value: 4, done: false }
{ value: 5, done: false }
{ value: undefined, done: true }
{ value: undefined, done: true }
4
5

有return的情况：

	function* gtor(x)
	{
		yield x+1;
		yield x+2;
		return x+3;
	}

	var f=gtor(3);
	console.log(f.next());
	console.log(f.next());
	console.log(f.next());
	console.log(f.next());

	for(var x of gtor(3))
	{
		console.log(x);
	}

{ value: 4, done: false }
{ value: 5, done: false }
{ value: 6, done: true }
{ value: undefined, done: true }
4
5

总结：用next和for循环取值是有区别的，第一种连return也取了，done是true，for循环则不会取return的值。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

壁立千仞无欲则刚

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ES6 Generator函数

不怕麻烦的鹿丸的博客

12-14

1392

以后，每次调用遍历器对象的 next 方法，就会返回一个有着 value 和 done 两个属性的对象。这里需要注意，一旦 next 方法的返回对象的 done 属性为 true ， for...of 循环就会中止，且不包含该返回对象，所以上面代码的 return 语句返回的 6 ，不包括在 for...of 循环之中。（3）如果没有再遇到新的 yield 表达式，就一直运行到函数结束，直到 return 语句为止，并将 return 语句后面的表达式的值，作为返回的对象的 value 属性值。

ES6 生成器（Generator）

qq_46366496的博客

09-15

745

ES6 生成器（Generator）目录ES6 生成器（Generator）什么是生成器？基本用法生成器相关操作斐波那契数列对象中的Generator 什么是生成器？生成器就是通过构造函数Generator创造出来的对象，生成器既是一个迭代器，同时也是一个可迭代对象基本用法基本语法： function* myGenerator() { yield 'one'; yield 'two'; return 'three'; } var g = myGenerator();

参与评论您还未登录，请先登录后发表或查看评论

ES6中的Generator

惊蛰小鱼的博客

10-16

392

ES6中Generator Generator是ES6一个很有意思的特性，也是不容易理解的特性。不同于let/const提供了块级作用域这样明显的目的，这玩意儿被搞出来到底是干嘛的？首先我们需要明确一个问题，在JavaScript中，任何一个函数只要开始执行，便无法停止下来直到执行完成（别跟我提debug，你见过哪个用户在使用产品的还得开个debug调试你的代码）。 but，Generator提...

ES6 - Generator

winne雪

11-22

426

Generator函数是ES6引入的新型函数，用于异步编程，是Promise的更高级用法，跟Promise对象联合使用的话会极大降低异步编程的编写难度和阅读难度。 Generator 函数，它与我们常见的函数有很多共同点，但还可以看到下面几个差异： 1、通常的函数以 function 开始，但 Generator 函数以function* 开始。 2、在 Generator 函数内部，yield ...

ES6---Generator函数

赵佳敏的博客

01-14

933

ES6---Generator函数一、简介二、yield 表达式三、next 方法的参数四、for...of 循环五、Generator函数异步操作的同步化表达六、Generator.prototype.throw()---函数体外抛出错误七、Generator.prototype.return()---返回给定的值八、next()、throw()、return() 的共同点1. next()是将yield表达式替换成一个值2. throw()是将yield表达式替换成一个throw语句3. return.

【ES6】Generator函数

luobifeiyeshi0的博客

04-25

333

返回一个iterator对象，对象里面有个next()方法,返回一个对象，里面有value ，done， value代表yield后面的值。普通函数用function来声明，Generator函数用function*声明。Generator函数函数内部有新的关键字：yield（产出），普通函数没有。next（）方法可以接受一个参数，它的参数作为上一个yeild的返回值。Generator函数，又称生成器函数，是ES6的一个重要的新特性。yield:后面的语句执行，通过调用next（）继续执行。

ES6之Generator 函数

low666的博客

03-25

553

15 Generator 函数 15.1 简介 15.1.1 基本概念 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍 Generator 函数的语法和 API ，它的异步编程应用请看《异步操作》一章。 Generator 函数有多种理解角度。从语法上，首先可以把它理解成， Generator 函数是一个状态机，封装了多个内部状态。...

《十六》ES6+ 中的 Generator

花铛

05-09

305

Generator 生成器是 ES6 中新增的一种函数控制、使用的方案，可以让开发人员更加灵活地控制函数什么时候暂停执行、什么时候继续执行等。在此之前，函数的终止条件通常是返回值或者抛出异常。function*ES6 没有规定，function 与函数名之间的星号，写在哪个位置。下面的写法都能通过，但一般是第三种。生成器对象是内部实现的特殊的迭代器对象。next()

ES6 Generator函数(一)

QDzzzhy

03-24

261

Generator 概念 Generator是ES6提供的一种异步编程解决方案从语法上来看,Generator 函数是一个状态机,封装了多个内部状态执行Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数.返回的遍历器对象,可以依次遍历Generator 函数内部的每一个状态形式上,Generator 函数是一个普通函数,但...

es6中的generator函数详解

最新发布

2401_89308368的博客

12-20

883

但是，调用Generator函数后，函数并不执行，返回的也不是函数执行后的结果，而是一个指向内部状态的指针对象。下一步，必须调用遍历器对象的next方法，使得指针移向下一个状态。即：每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式（或return语句）为止。Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。function* gen(x){//一个 Generator 函数return y;

ES6：Generator函数详解

DZQ1223的博客

07-29

1275

从另一个角度看，也可以说 Generator 生成了一系列的值，这也就是其名称的来历(在英语中generator”这个词是“生成器”的意思)。上面的代码中，函数 f 如果是普通函数，在为变量 generator 赋值时就会执行。方法时，内部的指针就会从函数的头部或上一次停下来的地方开始执行，直到遇到下一个。方法等于该对象的遍历器对象生成函数，调用该函数会返回该对象的一个遍历器对象。函数运行的不同阶段从外部向内部注入不同的值，从而调整函数行为。上面的代码已经把回调函数改成了直线执行的形式，但是加入了大量。

es6中Generator函数的理解

sunchanglan151的博客

04-11

949

Generator函数的定义形式上，Generator函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态 function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending'; } var hw = helloWorldGenerator(); Generator 函数的调用方法与普通函数一样，也是在函

ES6语法总结(20)--Generator函数的语法(2)

赵迪的博客

03-14

421

Generator 函数的语法(2) next()、throw()、return() 的共同点 yield* 表达式作为对象属性的 Generator 函数 Generator 函数的this 含义应用 1.next()、throw()、return() 的共同点 next()、throw()、return()这三个方法本质上是同一件事，可以放在一起理解。它们的作用都是让 Generat...

ES6系列教程第三篇--Generator 详解

恰恰虎的博客

05-27

1万+

一、什么是Generator 函数先看下面的Generator函数， function* helloGenerator() { console.log("this is generator"); } 这个函数与普通的函数区别是在定义的时候有个*,我们来执行下这个函数。 function* helloGenerator() { console.log("th...

ES6新特性：Generator函数

流楚丶格念的博客

02-21

2386

文章目录说明Generator函数定义循环遍历代码案例说明 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。 Generator函数有两个特征: function命令与函数名之间有一个'*' 函数体内部使用 yield语句定义不同的内部状态。 Generator函数定义 function* hello() { yield "hello"; yield "world"; return "done"; } let h = hello(); // 此时

ES6(Generator)

姜皓的博客

05-03

775

Generator1.基本概念异步编程的一种解决方案2.next 函数的用法见代码3.yield* 的用法见代码一、基本定义2.使用 Generator 作为遍历器的返回值通过 Generator 函数的方式3.状态机有 A B C 三种状态去描述一个事物，A-B、B-C、C-A，永远不会与第四种状态，用 Generator 处理这种状态机是特别适用的。 1.调用 let 方法运行第一个 yie...

js遍历集合（Array,Map,Set）