0

0

javascript异步编程是什么_回调函数如何使用?

幻影之瞳

幻影之瞳

发布时间:2026-01-11 21:14:02

|

535人浏览过

|

来源于php中文网

原创

javascript异步编程本质是不卡主线程,回调函数是最基础实现手段;它作为一等公民被传入api并在合适时调用,分同步与异步两类,需注意err-first约定、错误处理及避免回调地狱。

javascript异步编程是什么_回调函数如何使用?

JavaScript 异步编程本质是「不卡主线程」的执行方式,而回调函数是最基础、最直接的实现手段——它不是语法糖,而是异步逻辑落地的最小可行单元。

什么是回调函数?别被术语吓住

回调函数就是你写好一个函数,把它交给另一个函数(比如 setTimeoutfetchaddEventListener),让它“在合适的时候自己调用你”。它不立刻执行,也不由你手动调,而是被“回头调用”(callback → call back)。

  • 它是一等公民:可以赋值给变量、作为参数传入、从函数里返回
  • 同步回调(如 [1,2,3].forEach(callback))立刻执行;异步回调(如 setTimeout(callback, 1000))延迟执行,不阻塞后续代码
  • 常见误区:把 console.log('1'); setTimeout(() => console.log('2'), 0); console.log('3') 的输出顺序搞错——实际是 1 → 3 → 2,说明回调没抢走控制权

怎么写一个可用的异步回调?重点看参数约定

Node.js 和很多老式 API(如 fs.readFile、Office 加载项的 getDataAsync)采用「错误优先回调(err-first)」模式:第一个参数固定为 err,第二个才是数据。漏判 err 是线上崩溃高频原因。

68爱写
68爱写

专业高质量AI4.0论文写作平台,免费生成大纲,支持无线改稿

下载
function fetchData(callback) {
  setTimeout(() => {
    const success = Math.random() > 0.3;
    if (success) {
      callback(null, { id: 123, name: 'Alice' });
    } else {
      callback(new Error('Network timeout'));
    }
  }, 800);
}

fetchData(function(err, data) {
  if (err) return console.error('请求失败:', err.message); // ✅ 必须加 return
  console.log('拿到数据:', data);
});
  • if (err) return 这句不能省——否则出错后还会继续读 data.id,报 Cannot read property 'id' of undefined
  • 回调名可匿名(一次性用)或具名(复用/调试方便),例如 Document.getSelectedDataAsync(..., handleSelection) 中的 handleSelection
  • 浏览器新 API(如 fetch)已转向 Promise,但底层仍靠回调驱动(.then() 就是注册回调)

哪些地方还在用回调?别以为它过时了

回调没被淘汰,只是使用场景更聚焦了:

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

  • addEventListener('click', handler):事件监听仍是回调最自然的表达,handler 就是标准回调
  • setTimeout(fn, delay)setInterval(fn, interval):定时任务至今没替代方案,且兼容性 100%
  • Office / Excel / Word 加载项:所有 Async 方法(如 Binding.getDataAsync)强制要求传回调函数,参数必须是单个 resultAsyncResult 对象)
  • 需要兼容旧环境(IE11、低版本 Node.js)时,回调比 async/await 更稳妥

真正容易被忽略的,不是“怎么写回调”,而是“什么时候不该用回调”——比如多个异步依赖串行时硬套多层 if (err) ... fetchData(..., function() { fetchData(...) }),立刻陷入回调地狱。这时候该换 Promise.then().catch()async/await,而不是死磕回调嵌套。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

841

2023.08.22

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

204

2025.12.04

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

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

743

2023.08.10

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

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

743

2023.08.10

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

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

530

2023.06.20

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

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

534

2023.07.28

js 字符串转数组
js 字符串转数组

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

718

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

6016

2023.08.17

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

1

2026.03.06

热门下载

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

精品课程

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

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

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

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