讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript异步编程是什么_async和await如何使用?

阿强大大_1993

阿强大大_1993

发布时间:2025-12-24 18:32:02

|

928人浏览过

|

来源于php中文网

原创

JavaScript异步编程通过事件循环和任务队列实现非阻塞操作,async/await是基于Promise的语法糖;async函数自动返回Promise,await暂停当前函数执行并等待Promise结果,仅限async函数内使用。

javascript异步编程是什么_async和await如何使用?

JavaScript 异步编程,是让代码在不阻塞主线程的前提下处理耗时操作(比如网络请求、文件读取、定时任务)的一套机制。它不是让 JS 变成多线程,而是靠事件循环 + 任务队列实现“看起来并行”的效果。async/await 是目前最主流、最直观的异步写法,本质是 Promise 的语法糖,让你用接近同步的风格写异步逻辑。

async 函数:自动返回 Promise 的异步函数

只要在 function 前加 async,这个函数就变成异步函数:

  • 无论你 return 什么(字符串、对象、数字),函数都会自动包装成 Promise.resolve(...) 返回
  • 如果函数内部 throw 错误,会自动变成 Promise.reject(...),调用方可以用 .catch() 或 try/catch 处理
  • 即使函数体里没写 await,它依然是异步函数,调用后立即返回一个 pending 状态的 Promise

await 表达式:暂停执行,等待 Promise 结果

await 只能在 async 函数内部使用,它不是阻塞整个浏览器,而是暂停当前 async 函数的执行,把控制权交还给事件循环:

Aria2 Json Rpc
Aria2 Json Rpc

通过 JSON‑RPC 2.0 与 aria2 下载管理器交互,使用自然语言命令管理下载、查询状态并控制任务。适用于 aria2、下载管理或种子操作。

下载
  • await 后面可以是 Promise —— 它会等这个 Promise 变成 fulfilled 才继续,返回 resolve 的值;如果 rejected,则抛出错误
  • await 后面也可以是普通值(如 123、"hello"、[])—— 这时它会立刻转成 Promise.resolve(该值),相当于“立即返回”
  • 不能在顶层作用域或普通函数里直接写 await,否则报错 SyntaxError

实际写法:串行与错误处理

典型场景是发多个依赖顺序的请求:

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

  • 用 try/catch 包裹 await,能统一捕获异步和同步错误,比 Promise 链的 .catch() 更自然
  • 每个 await 会等前一个完成再执行下一个,适合有先后依赖的操作
  • 如果想并发执行(比如同时拉两个接口),应该用 Promise.all([...]),而不是连续 await

常见误区提醒

很多人初学容易踩坑:

  • await 不是万能暂停键:它只暂停当前 async 函数,不影响其他代码运行(比如另一个 setTimeout 或 fetch)
  • await 后面别直接写回调函数或没返回 Promise 的表达式,否则可能立即返回 undefined 或报错
  • 不要为了用 await 而把所有函数都标成 async —— 没必要异步的地方加 async,反而增加 Promise 开销

热门AI工具

更多
Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1578

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2284

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

5824

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

4929

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

6654

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

9014

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

4579

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

4727

2025.08.07

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

160

2026.09.23

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn