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是一个封装好的方法)
![在

本文地址:https://blog.csdn.net/weixin_44682587/article/details/112552967