如何在 JavaScript 中使用'async”和'await”进行流畅的异步编程？

JavaScript 中带有“async”和“await”的异步函数

异步编程在 JavaScript 模型中至关重要。当异步操作完成时，随后执行附加代码是很常见的。以前，回调被用于此目的。然而，嵌套回调可能会导致“回调地狱”。

Promises

Promise 改善了与嵌套回调相关的问题。它们通过“承诺链”实现链接，从而提供更清晰的语法和错误处理。例如：

<code class="javascript">const randomProm = new Promise((resolve, reject) => {
  if (Math.random() > 0.5) {
    resolve('Succes');
  } else {
    reject('Failure');
  }
});

// Promise chain
randomProm
  .then((value) => {
    console.log('inside then1');
    console.log(value);
    return value;
  })
  .then((value) => {
    console.log('inside then2');
    console.log(value);
    return value;
  })
  .catch((value) => {
    console.log('inside catch');
    console.log(value);
  });</code>

'async' 和 'await' 关键字

引入异步函数，也称为“异步函数”，以进一步简化异步编程。这些函数以 async 关键字为前缀，并允许使用await 关键字。

await 暂停异步函数的执行，直到其中的表达式（通常是 Promise）稳定下来。一旦表达式解析，函数就会恢复。例如：

<code class="javascript">async function myAsyncFunc() {
  try {
    const result = await randomProm;
    console.log(result);
  } catch (error) {
    console.log(error);
  }
}

myAsyncFunc();</code>

在此示例中，myAsyncFunc 是一个等待 randomProm Promise 结果的异步函数。一旦 Promise 解析或拒绝，就会执行 try/catch 块的相应分支。通过利用 async 和 wait，我们消除了对复杂回调逻辑的需求并增强了代码可读性。

以上是如何在 JavaScript 中使用'async”和'await”进行流畅的异步编程？的详细内容。更多信息请关注PHP中文网其他相关文章！