0

0

什么是Javascript的async和await_如何用Javascript async/await简化异步编程?

幻影之瞳

幻影之瞳

发布时间:2026-01-02 17:21:08

|

797人浏览过

|

来源于php中文网

原创

async/await 是 promise 的语法封装而非新语法糖,它通过自动包装返回值为 promise、暂停执行而不阻塞主线程、强制 try/catch 错误处理及需配合 promise.all 实现并发等机制,简化异步流程但不改变事件循环本质。

什么是javascript的async和await_如何用javascript async/await简化异步编程?

async/await 不是新语法糖,而是 Promise 的语法封装;它不能替代 Promise,但能显著降低回调嵌套和错误处理的复杂度。

async 函数本质是返回 Promise 的函数

声明一个 async 函数,等价于手动包装一个返回 Promise 的函数。调用它总会得到一个 Promise 实例,哪怕你 return 42,它也会被自动包装成 Promise.resolve(42)

常见误解:以为 async 让函数“变同步”了——其实它只是让 await 可以暂停函数执行(仅限当前函数体),底层仍是事件循环驱动。

  • async 函数内部遇到 await 会暂停,把控制权交还给事件循环,不阻塞主线程
  • 如果 await 后面不是 Promise,会自动用 Promise.resolve() 包装
  • 函数内抛出异常,等价于返回 Promise.reject(err)

await 只能在 async 函数内部使用

直接在顶层或普通函数里写 await 会报 SyntaxError: await is only valid in async functions。这是语法限制,不是运行时错误。

立即学习Java免费学习笔记(深入)”;

常见场景应对方式:

拍我AI
拍我AI

AI视频生成平台PixVerse的国内版本

下载
  • 模块顶层需等待:用 (async () => { ... })() 立即执行
  • 事件处理器中:把 handler 声明为 async function handleClick() { ... }
  • 循环中逐个 await:注意这会串行执行;想并发请用 Promise.all([p1, p2, p3])
async function fetchUsers() {
  try {
    const res = await fetch('/api/users');
    const users = await res.json();
    return users;
  } catch (err) {
    console.error('Fetch failed:', err);
    throw err;
  }
}

错误处理必须用 try/catch,不能只靠 .catch()

await 后的 Promise 被 reject,会直接抛出异常,不会像 .then().catch() 那样隐式传递。漏写 try/catch 就会导致未捕获异常(Uncaught (in promise))。

特别注意:

  • await Promise.reject('oops') 会立即触发 catch 块,不是“跳过后续代码”而是中断当前 async 函数执行流
  • 多个 await 连续写时,任一失败都会终止后续 await,除非你对每个都单独 try/catch
  • 想忽略某个请求失败?得显式写 await something().catch(() => {}) 或用空数组兜底

await 处理并发请求:别误用 for 循环

for (const url of urls) { await fetch(url); } 是串行请求,总耗时 ≈ 所有请求时间之和。真正并发要先发所有请求,再统一 await。

正确做法:

  • 并发全部发起:const promises = urls.map(u => fetch(u))
  • 等全部完成:const responses = await Promise.all(promises)
  • 若允许部分失败,用 Promise.allSettled() 替代 Promise.all()
async function fetchAll(urls) {
  const promises = urls.map(url => 
    fetch(url).then(r => r.json()).catch(() => null)
  );
  return await Promise.all(promises);
}

最易被忽略的一点:await 不会“等整个异步链”,它只等紧跟着的那个 Promise 完成。如果你忘了链式调用中某处没 return,后续 await 就可能等错对象——比如漏了 return 导致 await 等到 undefined,再被包装成已 resolve 的 Promise,逻辑就悄悄跑偏了。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

562

2023.09.20

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

765

2023.08.10

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

765

2023.08.10

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

77

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

40

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

67

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

47

2025.11.27

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

6468

2023.07.31

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

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