Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态(yield在英语里的意思就是“产出”);
调用 Generator 函数后,该函数并不执行,返回的也不是函数运行结果,而是一个指向内部状态的指针对象,也就是上一章介绍的遍历器对象(Iterator Object),必须调用遍历器对象的next方法,使得指针移向下一个状态。
next方法返回一个对象,它的value属性就是当前yield表达式的值hello,done属性的值false,表示遍历还没有结束(done属性的值true,表示遍历已经结束)。
Generator使用场景:
1、限制抽奖次数
{
let draw = function (count) {
//具体抽奖逻辑
console.info(`剩余${count}次`);
};
let residue = function* (count) {
while (count>0){
count--;
yield draw(count);
}
};
let star = residue(5);
let btn = document.createElement('button');
btn.id='start';
btn.textContent = '抽奖';
document.body.appendChild(btn);
document.getElementById('start').addEventListener('click',function () {
star.next();
})
}
2、长轮询
{
let ajax = function* () {
yield new Promise(function (resolve, reject) {
setTimeout(function () {
resolve({code:2});
},200);
}
}
let pull = function () {
let genertaor = ajax();
let step = genertaor.next();
step.value.then(function (d) {
if (d.code != 0){
setTimeout(function () {
console.info('wait');
pull();
},1000)
}else{
console.info(d) ;
}
})
}
pull();
}