异步/等待导致循环

时间:2020-02-15 12:06:09

标签: javascript typescript promise async-await

我尝试使用Async / Await代替带有.prom的.then()。 使用.then()方法,我的代码可以正常工作...

当我将其更改为“异步/等待”时,我出现了循环

另一个问题:如何在console.log()中禁用Promise?

谢谢.........

ASCBY1
state:2
ASCBY1
state:2
ASCBY1
Promise { <pending> }
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
Promise { <pending> }
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
state:2
ASCBY1
Promise { <pending> }
state:2
ASCBY1
state:2
ASCBY1
Promise { <pending> }
state:2
ASCBY1
state:2
ASCBY1
state:2

**这很好用**

  
  
  private innerLoop(i,ifArray,counter,cb){
    let tempMod = new Module(null, ifArray[i].id,ifArray[i].type);
    /*FALLS CHCEK BY MODULE*/

    if(ifArray[i].timerID === 0){ //WENN ein Timer ausgeführt iwrd, dann gibt es kein Modul bzw. kein DevType, er muss aber dennoch durch alle Schleifen (ifArray) laufen. Ohne der && this.mod.... würde er bei switch case ein Fehler ausspucken weil es den DevType nicht gibt.
      if(!(this.mod === undefined)){
      //  var tempMod = new Module(ifArray[i].id,ifArray[i].type);
        setTimeout(()=>console.log(tempMod.getState()),1000);
        switch (this.mod.modulesRecievedData.DevType){
           case 0x0b:{
             if(this.mod.checkMultiSwitch(ifArray[i])){
               counter++;
             }
             break;
           }
           case 0x02:{
              console.log("ASCBY1");

              tempMod.getState().then((state)=>{
                if(state == 2) counter++;

                console.log("state:"+state);

                if(i < ifArray.length){//NUR WENN TIMERID == 0 ist, sonst zählt er den Timer mit obwohl da keine ID + type dahinter steckt.
                  this.innerLoop(i,ifArray,counter,cb);
                }else{
                  cb(counter);
                }
              });


              break;
           }
        }
        i++;
      }
    }else if(ifArray[i].timerID > 0){  /*FALLS CHECK BY TIMER*/
      var timerOnState = time[ifArray[i].timerID].timerOnState;
      if(timerOnState == true){
        counter++;
      }
      i++;
      if(i < ifArray.length){//NUR WENN TIMERID == 0 ist, sonst zählt er den Timer mit obwohl da keine ID + type dahinter steckt.
        this.innerLoop(i,ifArray,counter,cb);
      }else{
         console.log("counter3 "+counter);
        cb(counter);
      }
    }
  }

这会引起外观

private async innerLoop(i,ifArray,counter,cb){
    let tempMod = new Module(null, ifArray[i].id,ifArray[i].type);
    /*FALLS CHCEK BY MODULE*/

    if(ifArray[i].timerID === 0){ //WENN ein Timer ausgeführt iwrd, dann gibt es kein Modul bzw. kein DevType, er muss aber dennoch durch alle Schleifen (ifArray) laufen. Ohne der && this.mod.... würde er bei switch case ein Fehler ausspucken weil es den DevType nicht gibt.
      if(!(this.mod === undefined)){
      //  var tempMod = new Module(ifArray[i].id,ifArray[i].type);
        setTimeout(()=>console.log(tempMod.getState()),1000);
        switch (this.mod.modulesRecievedData.DevType){
           case 0x0b:{
             if(this.mod.checkMultiSwitch(ifArray[i])){
               counter++;
             }
             break;
           }
           case 0x02:{
              console.log("ASCBY1");
              ///////////////////////////////////
              //////HERE IS THE CHANGE///////////
              ///////////////////////////////////
              let state = await tempMod.getState();

              if(state == 2) counter++;

              console.log("state:"+state);

              if(i < ifArray.length){//NUR WENN TIMERID == 0 ist, sonst zählt er den Timer mit obwohl da keine ID + type dahinter steckt.
                this.innerLoop(i,ifArray,counter,cb);
              }else{
                cb(counter);
              }
              break;
           }
        }
        i++;
      }
    }else if(ifArray[i].timerID > 0){  /*FALLS CHECK BY TIMER*/
      var timerOnState = time[ifArray[i].timerID].timerOnState;
      if(timerOnState == true){
        counter++;
      }
      i++;
      if(i < ifArray.length){//NUR WENN TIMERID == 0 ist, sonst zählt er den Timer mit obwohl da keine ID + type dahinter steckt.
        this.innerLoop(i,ifArray,counter,cb);
      }else{
         console.log("counter3 "+counter);
        cb(counter);
      }
    }
  }

模块类

	getState(){
		let promise = new Promise((resolve)=>{
			this.db.getStateOfModule(this._id,this._type,
				(data)=>{this._state = data[0].state; resolve(data[0].state);}
			);
		});

		return promise;
	}

1 个答案:

答案 0 :(得分:0)

Module.getState返回一个承诺。

setTimeout(()=>console.log(tempMod.getState()),1000);行 正在等待1000毫秒,然后控制台记录tempMod.getState()的结果,这是一个未解决的承诺。

如果您不想在控制台中获得Promise { <pending> }。您可以将其更改为

setTimeout(() => tempMod.getState().then((result) => {
  console.log(result)
}), 1000);

关于循环问题。使用.then()时。 .then()之后的其余代码将立即运行。特别是i++。仅then回调内的代码将被延迟。

当您将其更改为await时。整个功能将停止执行,直到承诺解决为止。这意味着i++将不会执行。

我假设ifArray.length为1,我从0开始。因此,当您到达if(i < ifArray.length){时,使用await(因为i++未执行)时,这将是正确的,这将导致innerLoop被再次调用。 同一件事将继续发生,因为i++将永远不会执行。