ES6-生成器（generator）

最新推荐文章于 2024-01-01 08:00:00 发布

Aproducer

最新推荐文章于 2024-01-01 08:00:00 发布

阅读量863

点赞数

分类专栏： ES6 学习笔记文章标签： generator es6

本文链接：https://blog.csdn.net/Aproducer/article/details/82315270

版权

ES6 学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

ES6的生成器Generator允许函数暂停执行并多次返回值。通过function*定义，使用yield表达式暂停并返回值。生成器对象通过next()方法或for...of循环来迭代执行。每次调用next()或进入循环，函数体执行到yield处暂停，返回一个包含value和done属性的对象。done表示执行状态，未遇到return时默认为false。

摘要由CSDN通过智能技术生成

generator(生成器)是ES6引入的新类型。

**定义方式如下(function *)**

function* gen(){
			for(let i=0;i<3;i++){
				yield i;
			}
		}

yield作用类似于return，但是函数运行到yield时并不会像遇到return时一样结束执行，因此可以利用这一点多次返回值

直接运行gen()返回的是一个生成器对象，并不会执行函数体内的内容

function* gen() {
		console.log("1");
        for (let i = 0; i < 3; i++) {
            yield i;
        }
		return "aaa";
    }
	let a=gen();
	console.log(a);

而获取返回值的方式有两种

1、调用generator的next()方法:

console.log(a);
console.log(a.next());
console.log(a.next());
console.log(a.next());
console.log(a.next());
console.log(a.next());
console.log(a.next());

可以看出，第一次调用next()函数时，才会执行函数体内的内容，执行到yield时暂停，返回一个

{value: 0, done: false}对象，value就是返回的值，done表示这个generator是否直接执行完了，值得注意的是

只有执行到return时，才会认为执行完毕，如果函数体没有写return，JavaScript会自己补上一个return；返回的是一个undefined值。

第二种方式是直接用for..of循环

function* gen() {
		console.log("开始");
        for (let i = 0; i < 3; i++) {
            yield i;
        }
    }
	let a=gen();
	for (let i of a) {
		console.log(i);
	}

同样的函数体内的内容只执行一次，执行到yield暂停进入下一次循环