0

0

什么是async/await_javascript中异步代码如何同步化?

紅蓮之龍

紅蓮之龍

发布时间:2025-12-18 21:21:44

|

670人浏览过

|

来源于php中文网

原创

async/await是用同步风格编写异步逻辑的语法糖,不改变异步本质;async函数自动返回Promise,await仅在async函数内暂停执行并等待Promise落定,需用try/catch处理错误,多请求应使用Promise.all([p1,p2])并行而非串行。

什么是async/await_javascript中异步代码如何同步化?

async/await 不是让异步变同步,而是用同步风格写异步逻辑——它不阻塞线程,也不改变异步本质,只是让代码更易读、更易维护。

async 函数:自动返回 Promise

加了 async 的函数,无论内部写什么,返回值都会被自动包装成 Promise。如果 return 一个普通值,比如 return 42,实际等价于 return Promise.resolve(42);如果抛错,等价于 return Promise.reject(err)

  • 不能用 await 在普通函数或顶层作用域(ES2022 之前)中直接写
  • async function foo() {}const foo = async () => {} 行为一致

await:暂停执行,等待 Promise 落定

await 只能在 async 函数内使用,它会让 JS 引擎“暂停”当前函数的执行(注意:不是卡住线程),等右侧的 Promise 成功 resolve 后,再把结果作为表达式的值继续往下走。如果 Promise 被 reject,就相当于 throw 了一个错误,可以用 try/catch 捕获。

  • const data = await fetch('/api').then(r => r.json()) ✅ 可以,但没必要——await 本身已处理 then
  • const data = await fetch('/api').json() ❌ 错误,fetch() 返回 Promise,.json() 是方法调用,不是 Promise
  • 正确写法:const res = await fetch('/api'); const data = await res.json();

错误处理:用 try/catch,别靠 .catch

await 后的 Promise 如果 reject,会直接冒泡成异常。所以推荐用 try/catch 包裹,语义清晰,也方便捕获中间多个 await 的错误。

紫东太初
紫东太初

中科院和武汉AI研究院推出的新一代大模型

下载

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

  • 避免这样:getData().catch(handleError) —— 失去了 await 的链式可读性
  • 推荐这样:try { const a = await step1(); const b = await step2(); } catch (e) { handleError(e); }
  • 多个并行请求?用 Promise.all([await p1, await p2]) 是错的——会串行。应写成 await Promise.all([p1, p2])

它没解决的根本问题:异步仍是异步

await 不会让 API 请求变快,也不会让 setTimeout 立刻执行。它只是语法糖,底层仍是事件循环和微任务队列。你写的“看起来像同步”的代码,执行时依然受制于网络延迟、I/O 耗时等现实约束。

  • await 后面如果不是 Promise,会被自动转成 Promise.resolve(value),所以 await 123 是合法的,但没实际意义
  • 想“真正同步”执行耗时操作?JS 里没有(除 Web Workers 或 Deno 的某些扩展外),也不该有——这违背单线程非阻塞的设计哲学

基本上就这些。async/await 是组织异步逻辑的利器,不是魔法开关。用对了,代码清爽;用错了,反而掩盖回调地狱的本质问题。

相关专题

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

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

417

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数据方法,阅读专题下面的文章了解更多详细内容。

76

2025.09.10

c语言const用法
c语言const用法

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

527

2023.09.20

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

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

482

2023.08.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

510

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

c++ 根号
c++ 根号

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

25

2026.01.23

热门下载

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

精品课程

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

共58课时 | 4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

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

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