（13）es6——生成器函数

生成器函数的定义与使用

// 声明
function * fn() {
	// yield类似于断点
	console.log(111);
	yield '第一段'
	console.log(222);
	yield '第二段'
	console.log(333);
	yield '第三段'
	console.log(444);
}
// 调用
let iterator = fn();
// 生成器函数每次调用的时候都会生成一个新的支持迭代器的对象
console.log(iterator === iterator2); // false
/* 每次调用next会执行生成器函数中yield段代码，并且返回包含yield的值的对象
{value: 'yieldValue',done: false}或者{value:undefined,done:true}*/
			console.log(iterator.next());
			console.log(iterator.next());
			console.log(iterator.next());
			console.log(iterator.next());
			// 生成器函数是可以使用迭代器，迭代器相当于循环调用next执行到yield位置并返回yield的value值
			for(let i of fn()){
				console.log(i);
			}

给生成器函数传参

function* fn(arg) {
    console.log(arg); // AAA
    let one = yield 1;
    console.log(one); // BBB
    let two = yield 2;
    console.log(two); // CCC
    let three = yield 3;
    console.log(three); // DDD
}

// 执行获取迭代器对象
let iterator = fn('AAA');
iterator.next();
// 从第二次开始next的参数会成为yield的返回值
iterator.next('BBB');
iterator.next('CCC');
iterator.next('DDD');

给生成器函数异步传参

function getname() {
    setTimeout(() => {
        let name = 'zhangsan';
        iterator.next(name);
    }, 1000)
}

function getdata() {
    setTimeout(() => {
        let data = 'data';
        iterator.next(data);
    }, 2000)
}

function gettime() {
    setTimeout(() => {
        let time = 'time';
        iterator.next(time);
    }, 3000)
}

function* fn() {
    getname();
    // 可以使用一个变量去接收yield的返回值，yield返回上一次调用iterator.next()的参数
    let one = yield;
    console.log(one);
    getdata();
    let two = yield;
    console.log(two);
    gettime();
    let three = yield;
    console.log(three);
}

let iterator = fn();
iterator.next();

生成器函数的应用场景

解决回调地狱

// 异步任务，回调地狱
// setTimeout(() => {
// 	console.log(111);
// 	setTimeout(() => {
// 		console.log(222);
// 		setTimeout(() => {
// 			console.log(333);
// 		},3000)
// 	},2000)
// },1000)
function fn1() {
    setTimeout(() => {
        console.log(111);
        iterator.next();
    }, 1000)
}

function fn2() {
    setTimeout(() => {
        console.log(222);
        iterator.next();
    }, 1000)
}

function fn3() {
    setTimeout(() => {
        console.log(333);
        iterator.next();
    }, 1000)
}

function* fn() {
    fn1();
    yield;
    fn2();
    yield;
    fn3();
    yield;
}

let iterator = fn();
iterator.next();