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