Generator 函數(shù)是一個普通函數(shù)还绘,但是有兩個特征窗价。一是捌刮,function關(guān)鍵字與函數(shù)名之間有一個星號;二是舒岸,函數(shù)體內(nèi)部使用yield表達(dá)式绅作,定義不同的內(nèi)部狀態(tài)(yield在英語里的意思就是“產(chǎn)出”);
調(diào)用 Generator 函數(shù)后蛾派,該函數(shù)并不執(zhí)行俄认,返回的也不是函數(shù)運行結(jié)果,而是一個指向內(nèi)部狀態(tài)的指針對象洪乍,也就是上一章介紹的遍歷器對象(Iterator Object),必須調(diào)用遍歷器對象的next方法眯杏,使得指針移向下一個狀態(tài)。
next方法返回一個對象壳澳,它的value屬性就是當(dāng)前yield表達(dá)式的值hello岂贩,done屬性的值false,表示遍歷還沒有結(jié)束(done屬性的值true巷波,表示遍歷已經(jīng)結(jié)束)萎津。
Generator使用場景:
1、限制抽獎次數(shù)
{
????????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();?
}