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

什么是JavaScript的异步编程_回调函数、Promise和async/await有何优劣?

陌明君_8729

陌明君_8729

发布时间:2026-01-03 21:59:21

|

705人浏览过

|

来源于php中文网

原创

JavaScript异步编程本质是避免耗时操作阻塞主线程,回调函数、Promise、async/await是逐步演进的三种方式:回调易致“回调地狱”;Promise解决嵌套与错误冒泡;async/await以同步风格提升可读性与错误处理能力。

什么是javascript的异步编程_回调函数、promise和async/await有何优劣?

JavaScript 的异步编程本质是让耗时操作(比如网络请求、文件读取、定时器)不阻塞主线程,从而保持页面响应流畅。回调函数、Promise 和 async/await 是三种主流实现方式,它们不是替代关系,而是逐步演进——后一种在解决前一种痛点的基础上诞生。

回调函数:最原始,也最容易掉进“回调地狱”

回调函数是把一个函数作为参数传给另一个函数,在异步操作完成后执行它。写法简单直接,适合单层异步逻辑。

  • 优点:轻量、无额外依赖,浏览器兼容性最好(所有版本都支持)
  • 缺点:嵌套多层后代码向右偏移严重(即“金字塔形”),错误处理分散,逻辑复用和中断控制困难
  • 典型问题:无法用 try/catch 捕获异步回调里的错误;多个并行请求难统一管理

Promise:用链式调用改善可读性,统一错误处理

Promise 把异步操作封装成一个对象,有 pending/fulfilled/rejected 三种状态,通过 .then() 和 .catch() 处理结果和错误。

CDP浏览器大师
CDP浏览器大师

CDP浏览器大师:通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务,解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载
  • 优点:避免深层嵌套;支持 .then().then() 链式调用;错误可冒泡到最近的 .catch();提供 Promise.all()、Promise.race() 等组合工具
  • 缺点:仍需手动创建 Promise 包装老式回调 API;语法略冗长(尤其是多个 await 替代场景);pending 状态不可取消
  • 注意:.then() 中返回普通值会自动包装成 resolved Promise,返回另一个 Promise 则会等待它完成——这是链式流转的关键

async/await:以同步风格写异步逻辑,目前最推荐的写法

async 函数返回 Promise,await 只能在 async 函数内部使用,它会暂停函数执行直到 Promise settle,并解包 fulfilled 值(或抛出 rejected 错误)。

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

  • 优点:代码更接近同步写法,易读易调试;可用标准 try/catch 捕获错误;支持 await Promise.all([]) 实现并发控制
  • 缺点:不能脱离 async 函数单独使用;对多个完全独立的异步任务,盲目 await 会变成串行(应配合 Promise.all 或 Promise.allSettled)
  • 小技巧:await 后面不一定要是 Promise,任何值都会被 Promise.resolve() 包装;但 await undefined 或 null 会立即 resolve

基本上就这些。回调适合极简场景或底层封装;Promise 是理解异步机制的基础,也是很多库的返回标准;async/await 是日常开发首选——它不复杂但容易忽略执行顺序和并发意图。

相关文章

编程速学教程(入门课程)
编程速学教程(入门课程)

编程怎么学习?编程怎么入门?编程在哪学?编程怎么学才快?不用担心,这里为大家提供了编程速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

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

咔片AIPPT

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

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

UP简历
UP简历 Hot

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

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

WorkBuddy

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

DeepSeek

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

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

549

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1698

2024.03.01

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

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

4678

2023.08.10

undefined是什么
undefined是什么

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

12185

2023.07.31

网页undefined是什么意思
网页undefined是什么意思

网页undefined是指页面出现了未知错误的意思,提示undefined一般是在开发网站的时候定义不正确或是转换不正确,或是找不到定义才会提示undefined未定义这个错误。想了解更多的相关内容,可以阅读本专题下面的文章。

5527

2024.08.14

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

2516

2025.12.25

promise的用法
promise的用法

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

4800

2023.10.12

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

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

4583

2023.10.12

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

20

2026.11.05

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

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