异步承诺尝试捕获等待返回混乱

Question

我一直无法理解异步函数的概念以及如何正确实现它们。

在 Angular 应用程序中，我在服务中有以下功能可以正确解析，但我对这个实现是否错误感到困惑，如果没有，是否有更好的方法将它们一起编写。

函数，为清楚起见简化：

async doSomething(param:string): Promise<any> {
  this.activeParam = param;
  return this.doSomethingElse(param).then((response)=> {
    return Promise.resolve(response);
  }).catch((error) =>{
    return Promise.reject(error);
  });
}

我在我的组件中调用该函数如下：

this.service.doSomething('setting').then((result) =>{     
        console.log('success:', result);
      },(error)=>{
        console.log('error:', result);
});

更新

在发布这个问题之前我应该​​休息一下，因为它从一开始就有缺陷。

所以我想添加一个更新以避免让遇到类似问题的其他人感到困惑并因此到达这里。

首先感谢@MicheleLambertucci 花时间澄清并提供可靠的答案。

其次，我想分享以下链接，IMO 以非常简单的方式解释了异步函数。

Await vs Return vs Return Await

And further detail here from the same author

Answer 1

首先将返回值放在catch 和then 回调中。另外，你除了返回值什么都不做，这意味着你可以直接返回 promise：

doSomething(param: string): Promise<any> {
  this.activeParam = param;
  return this.doSomethingElse(param);
}

话虽如此，由于您使用的是async 函数，因此您可以使用await 重写此函数。在我看来，这会产生更好的可读性代码。

async doSomething(param: string): Promise<any> {
  this.activeParam = param;
  const response = await this.doSomethingElse(param);
  return response;
}

在这个重构中有几点需要注意：

• 当您await 一个承诺时，表达式的返回值是值，而不是承诺
• 如果 promise 被拒绝，await-ed 函数会抛出错误，这意味着如果 promise 被拒绝，则此函数的返回值（Promise）会抛出（无需尝试/捕获，因为您只是传递了错误上）
• async 关键字“承诺”函数，因此函数的返回仍然是 Promise（即使 response 是函数内部的值）