JavaScript：异步/等待

async 和await 是JavaScript 中强大的功能，它们使Promises 的使用变得更容易、更易读。它们允许您编写外观和行为类似于同步代码的异步代码。这是一个快速概述：

异步函数

• 定义：异步函数是返回 Promise 的函数。它允许您在其中使用await。
• 语法：

  async function myFunction() {
    // Your code here
  }

等待关键字

• 定义：await 关键字只能在异步函数内部使用。它暂停异步函数的执行并等待 Promise 解析或拒绝。
• 语法：

  let result = await somePromise;

例子

这是一个简单的示例来演示 async 和 wait 如何协同工作：

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 2000);
  });
}

async function getData() {
  console.log('Fetching data...');
  const data = await fetchData();
  console.log(data);
}

getData();

在此示例中：

1. fetchData 是一个返回 Promise 的函数，该 Promise 会在 2 秒后解析。
2. getData 是一个异步函数，它使用await 等待fetchData 解析。
3. 当调用 getData 时，它会记录“正在获取数据...”，等待 fetchData 解析，然后记录“已获取数据”。

好处

• 可读性：async/await让异步代码看起来更像同步代码，更容易阅读和理解。
• 错误处理：您可以使用带有 async/await 的 try...catch 块来更干净地处理错误。

错误处理示例

async function getData() {
  try {
    console.log('Fetching data...');
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

getData();

在此示例中，如果 fetchData 被拒绝，错误将被 catch 块捕获，并且“Error fetching data:”将与错误消息一起记录。

---

感谢您的阅读！
我希望这篇文章对您有所帮助且内容丰富。如果您喜欢它或学到了新东西，请随时在评论中分享您的想法或与我联系。

如果您想支持我的工作并帮助我创建更多这样的内容，请考虑给我买杯咖啡。您的支持意味着整个世界，让我充满动力！

再次感谢您的光临！ ？

以上是JavaScript：异步/等待的详细内容。更多信息请关注PHP中文网其他相关文章！