es6中的generator yield

generator—生成器

应用场景：在函数执行时，需要请求数据，可以通过yield暂停执行，等到数据获取完成，再继续执行。

generator函数------中间能停

<script>
//generator-生成器
function *show(){	// 声明格式为：*函数()
	alert('a');
	
	yield;		// 告诉函数“到哪停”
	alert('b');
}

let genObj = show();
console.log(genObj);
genObj.next(); //next一次，函数走一次，停在yield的节点处，类似于，踹一脚，走一步
genObj.next();
</script>

yield可以传参，但是只保留最后一个参数，前面传的参数无效

//generator-生成器
function *show(){	// 声明格式为：*函数()
	alert('a');
	
	let a = yield;		// 告诉函数“到哪停”
	alert('b');
	alert(a)
}

let gen = show();

gen.next(12); //next一次，函数走一次，停在yield的节点处，类似于，踹一脚，走一步
gen.next(5);

yield后面跟东西（yield返回，其返回的值为函数执行暂停时的中间值）

function *show(){	// 声明格式为：*函数()
	alert('a');
	yield 12;		// 告诉函数“到哪停”
	alert('b');
}

let gen = show();
let res1 = gen.next();
console.log(res1);		// {value: 12, done: false}
let res2 = gen.next();
return 20；
console.log(res2);		// {value: 20, done: true}

在实际开发中generator的运行形式：（下面runner是一个封装好的方法）