0

0

Async/Await如何使用

幻夢星雲

幻夢星雲

发布时间:2025-08-12 15:57:01

|

516人浏览过

|

来源于php中文网

原创

async函数总是返回一个promise对象。1. 即使返回非promise值,也会被自动包装成已解决的promise;2. 错误处理通过try...catch块实现,捕获await表达式中被拒绝的promise;3. 与promise.all结合可并行执行多个异步操作,await等待所有promise解决,任一失败则进入catch块处理,从而提升并发性能。

Async/Await如何使用

Async/Await 是一种让异步代码看起来更像同步代码的语法糖。它极大地简化了异步编程的复杂性,使得代码更易于阅读和维护。本质上,

async
关键字用于声明一个异步函数,而
await
关键字用于暂停异步函数的执行,直到一个 Promise 对象被解决(resolved)或拒绝(rejected)。

使用 Async/Await 的核心在于理解

async
await
这两个关键字的作用。

async function myFunction() {
  try {
    const result = await someAsyncOperation();
    console.log("Result:", result);
    const anotherResult = await anotherAsyncOperation(result);
    console.log("Another Result:", anotherResult);
  } catch (error) {
    console.error("Error:", error);
  }
}

myFunction();

在这个例子中,

myFunction
被声明为
async
函数。
await someAsyncOperation()
会暂停
myFunction
的执行,直到
someAsyncOperation()
返回的 Promise 对象被解决。如果 Promise 被拒绝,那么会抛出一个异常,被
try...catch
块捕获。

Async/Await 比起传统的 Promise 链式调用,在代码可读性和错误处理方面都有显著的优势。

Async 函数的返回值是什么?

Async 函数总是返回一个 Promise 对象。即使你在函数中返回一个非 Promise 的值,JavaScript 引擎也会自动将其包装成一个已解决的 Promise。这意味着你可以像处理其他 Promise 一样处理 Async 函数的返回值。

async function getValue() {
  return 123;
}

getValue().then(value => {
  console.log("Value:", value); // 输出:Value: 123
});

这个特性使得 Async 函数可以无缝地与其他 Promise based 的 API 协同工作,增强了代码的灵活性。

如何在 Async/Await 中处理错误?

错误处理是异步编程中一个关键的方面。Async/Await 提供了

try...catch
块来处理异步操作中可能出现的错误。将
await
表达式放在
try
块中,然后在
catch
块中捕获任何可能抛出的异常。

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error("Failed to fetch data:", error);
    // 可以选择重新抛出错误,或者返回一个默认值
    throw error;
  }
}

fetchData()
  .then(data => console.log("Data:", data))
  .catch(error => console.log("An error occurred."));

fetchData
函数中,如果
fetch
response.json()
抛出异常,
catch
块会捕获该异常,并进行处理。可以选择记录错误信息,或者重新抛出错误,让调用者来处理。

Async/Await 和 Promise.all 的结合使用?

Promise.all
可以并行执行多个 Promise,并在所有 Promise 都解决后返回一个包含所有结果的 Promise。结合 Async/Await 和
Promise.all
可以高效地处理需要并发执行的异步操作。

async function processData() {
  const urls = [
    'https://api.example.com/data1',
    'https://api.example.com/data2',
    'https://api.example.com/data3'
  ];

  try {
    const results = await Promise.all(urls.map(url => fetch(url).then(response => response.json())));
    console.log("Results:", results);
    // 在这里处理所有结果
  } catch (error) {
    console.error("Failed to fetch data:", error);
  }
}

processData();

在这个例子中,

Promise.all
并行地
fetch
多个 URL,并将结果解析为 JSON。
await Promise.all(...)
会等待所有
fetch
操作完成,然后将结果存储在
results
数组中。如果任何一个 Promise 被拒绝,
Promise.all
也会立即拒绝,并将错误传递给
catch
块。这种方式可以显著提高程序的性能,尤其是在需要处理大量并发请求时。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

418

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

535

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

311

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

77

2025.09.10

promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

306

2023.10.12

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

405

2023.10.12

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

17

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

3

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

14

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.3万人学习

Node.js 教程
Node.js 教程

共57课时 | 9.5万人学习

CSS3 教程
CSS3 教程

共18课时 | 4.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号