TypeScript - 异步等待不等到功能完全执行？

问题描述

从存储中获取用户名、密码和标题后，我需要从 API 中获取数据。 因此，在最终调用 API 之前，我使用了三次异步等待。

可以正确获取数据，但不知何故刷新超时 function 在 getData function 完全执行之前首先完成。

doRefresh(event) {
        setTimeout(async () => {
          await this.storage.get('username').then(async username => {
            await this.storage.get('password').then(async password => {
              await this.storage.get('title').then(async tempName => {
                await this.myService.getJSON(username, password, tempName, "keywordA", this.section).then(async ()=> {
                  await this.myService.getJSON(username, password, tempName, "keywordB", "trainingInfo");   }).finally(async ()=> {
                    await this.getData();
                    console.log('done');
                    event.target.complete();
                });
              })
            })
          });   
          
        }, 2500);
        
      }

已尝试删除异步等待，并像这样放置代码，但仍未按预期工作。 似乎 console.log / event.target.complete 总是在等待 getData function 完成之前先执行。

doRefresh(event) {
        setTimeout(() => {
          this.storage.get('username').then(username => {
            this.storage.get('password').then(password => {
              this.storage.get('title').then(tempName => {
                this.myService.getJSON(username, password, tempName, "keywordA", this.section).then(()=> {
                  this.myService.getJSON(username, password, tempName, "keywordB", "trainingInfo");   }).finally(()=> {
                    this.getData();
                    console.log('done');                    
                });
              })
            })
          });   
        event.target.complete();
        }, 2500);

      }