arkts await同步后的语句不执行

evtrouble

于 2024-06-17 11:03:34 发布

阅读量121

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/evtrouble/article/details/139738243

版权

使用await之后的语句不再执行，如

@Entry
@Component
struct Index{
  @State private num:number=0;
  func(){
    for(let i=0;i<10;i++)this.num++;
  }
  build() {
    Column(){
      Text(`${this.num}`)
      Button('点我').onClick(async ()=>{
        await new Promise(()=>{
          this.func();
        })
        this.num++;
      })
    }.width('100%').padding({top:'30%'})

  }
}

点击按钮后num只会增加10，this.num++这条语句并没有执行。需要改成如下语句才能正常执行：

@Entry
@Component
struct Index{
  @State private num:number=0;
  func(){
    for(let i=0;i<10;i++)this.num++;
  }
  build() {
    Column(){
      Text(`${this.num}`)
      Button('点我').onClick(async ()=>{
        await new Promise<void>((resolve)=>{
          this.func();
          resolve();
        })
        this.num++;
      })
    }.width('100%').padding({top:'30%'})

  }
}

点击按钮num增加了11，resolve()起到了返回值的作用。