异步函数的返回值是什么以及它们与 Promise 有何关系？

异步函数：了解返回值和 Promise

虽然异步函数允许您以同步风格编写代码，但它们本质上返回 Promise。这可能会导致代码返回值的混乱。

Promises：快速概述

Promises 是表示异步操作最终完成或失败的对象。它们提供了两个关键方法：

• then(resolve,reject)：当操作成功（resolve）或检测到错误（reject）时处理操作结果。
• catch( reject)：异步处理错误。

异步函数和 Promise

异步函数总是返回一个 Promise，即使您没有显式使用 wait 关键字。这个承诺代表了异步操作的结果。如果函数抛出错误，则 Promise 将拒绝该错误。

用法：

带有回调函数的 Promise：

<code class="javascript">const myAsyncFunction = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Asynchronous value');
    }, 1000);
  });
};

myAsyncFunction()
  .then(result => {
    console.log(`Callback Result: ${result}`);
  })
  .catch(error => {
    console.log(`Error: ${error}`);
  });</code>

带有 Async/Await 的 Promise：

<code class="javascript">async function myAsyncFunction() {
  const result = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Asynchronous value');
    }, 1000);
  });
  return result;
}

myAsyncFunction()
  .then(result => {
    console.log(`Await Result: ${result}`);
  })
  .catch(error => {
    console.log(`Error: ${error}`);
  });</code>

在这些示例中，myAsyncFunction 返回一个 Promise，该 Promise 在 1 秒延迟后解析为值“异步值” 。 then 和 catch 方法分别处理已解决或已拒绝状态。

返回 Promise

如果您想返回 Promise 本身而不做任何修改，您可以简单地write:

<code class="javascript">const myAsyncFunction = () => {
  return new Promise(...);
};</code>

返回修改后的值

要从异步函数返回修改后的值，您需要在 then 方法中处理 Promise 结果并返回修改后的值。例如：

<code class="javascript">async function myAsyncFunction() {
  const result = await new Promise(...);
  return result.toUpperCase();
}</code>

此函数返回一个使用结果的大写版本解析的 Promise。

以上是异步函数的返回值是什么以及它们与 Promise 有何关系？的详细内容。更多信息请关注PHP中文网其他相关文章！