ES6-生成器(generator)

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暂停进入下一次循环

猜你喜欢

转载自blog.csdn.net/Aproducer/article/details/82315270