如何让 processData 函数等待 Angular 中 getData 函数的结果？答案

【问题标题】：How do I make processData function wait for the results from my getData function in Angular?如何让 processData 函数等待 Angular 中 getData 函数的结果？
【发布时间】：2026-01-10 06:10:01
【问题描述】：

我的 getData 函数进行 api 调用，然后将每个返回的对象放入一个数组中。然后返回数组。我现在需要我的 processData 函数来等待 getData 函数的结果，然后进一步处理它。目前，当我console.log(cleaningData)async/await 做错了什么时，我没有得到任何结果？我错过了什么？


getData() {
 var dataBucket = [] 
 this.https.get('https:******FAKEURL*******').subscribe((response: any) => {
    console.log(response.data)
    for(let i = 0 ; i < response.data.length ; i++) {
       dataBucket.push(response.data[i])
    }
  });
  console.log(dataBucket);
  return dataBucket;     
 }

async processData() { 
  let cleaningData = await this.getData();
  console.log(cleaningData);
  //do something with cleaningData
}

【问题讨论】：

你 await this.getData()，但 getData 不是 async 函数，因此不会返回承诺。
我建议你学习 angular observables 和管道的基础知识，这是一门非常强大的学科，可以帮助实现这一目标

标签： javascript angular asynchronous observable

【解决方案1】：

在 Angular 中，您通常遵循异步函数的另一种逻辑。您声明当异步函数返回订阅时应该发生什么。那么当它从您的订阅代码块（而不是从您等待异步函数的其他地方）开始返回时会发生什么

    getData() {
    
        this.https.get('https:******FAKEURL*******').subscribe((response: any) => {
            
            var dataBucket = []   <-----this should be here declared
    
            console.log(response.data)
    
            for(let i = 0 ; i < response.data.length ; i++){
             
              dataBucket.push(response.data[i])
            }
    
          this.processData(response)  <-------you call that here
          });
      }
    
    processData(response: any){    <-----you don't need async and await
    
      // <----- here you can do anything with the response from getData() 
    
      console.log(cleaningData);
    
      //do something with cleaningData
   }

【讨论】：