在 promise 請求中使用 async/await 是否更有效？

Question

提出請求的最佳方式是什么？

我在project.service.ts中有一個http request方法。 我可以使用以下結構提出請求：

getProjectById(projectId: number) {
  return this.http.get<Project>(`${this.url}/search/projects/${projectId}`).toPromise();
}

並在project.component.ts中使用以下結構調用它：

async getProject(projectId: number) {
  this.isLoading = true;
  try {
    this.project = await this.api.projects.getProjectById(projectId);
  } finally {
    this.isLoading = true;
  }
}

但我也可以這樣提出請求：

async getProjectById(projectId: number) {
  return await this.http.get<Project>(`${this.url}/search/projects/${projectId}`).toPromise();
}

或這個：

getProjectById(projectId: number): Observable<Project> {
  return this.http.get<Project>(`${this.url}/search/project/${projectId}`);
}

但我必須subscribe這個 function。

Answer 1

這是代碼設計和代碼整潔的問題，而不是效率問題。 我認為遵循 Angular 內置 Http 模塊的指導方針。

您需要保持代碼干凈，並遵循 RxJS 流程，而不是將其轉換為異步代碼。