asyn await promise例子了解基本用法

以下是一个简单的示例,演示了如何使用async和await来异步处理数据:

假设我们有一个函数,它需要从远程服务器获取数据。我们可以使用async和await来异步地处理这个请求,这样不会阻塞程序的执行。

async function fetchData() {

  try {

    const response = await fetch('https://api.example.com/data'); // 异步获取数据

    const data = await response.json(); // 解析返回的数据

    console.log(data); // 打印数据

  } catch (error) {

    console.error('Error:', error); // 处理错误

  }

}

在上面的示例中,我们使用了async关键字来声明一个异步函数fetchData。在函数内部,我们使用await关键字来等待fetch请求的完成,并返回一个Promise对象。然后,我们使用await关键字来等待Promise解析并返回数据。如果发生错误,我们使用try-catch块来捕获并处理错误。

通过这种方式,我们可以使用async和await来异步地处理数据,而不会阻塞程序的执行。同时,我们还可以使用try-catch块来轻松地捕获和处理错误。

以下是一个使用async/await和Promise的示例:
// 创建一个异步函数async function fetchData() {
  // 模拟异步操作
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('数据获取成功!');
    }, 1000);
  });
}
// 使用async/await调用异步函数async function main() {
  try {
    const data = await fetchData(); // 等待异步操作完成并获取结果
    console.log(data); // 打印结果
  } catch (error) {
    console.error('发生错误:', error); // 处理错误
  }
}
// 调用主函数main();
在上面的示例中,我们首先创建了一个异步函数fetchData,它返回一个Promise对象。在Promise中,我们使用setTimeout模拟了一个异步操作,并在1秒后将结果解析为字符串'数据获取成功!'。然后,我们在主函数main中使用await关键字等待fetchData函数的异步操作完成并获取结果。如果异步操作成功完成,则将结果打印到控制台。如果发生错误,则使用catch块捕获并打印错误信息。最后,我们调用主函数main来执行整个流程。

 

你可能感兴趣的:(javascript)