17370845950

JavaScript异步编程核心方式有回调函数、Promise、async/await，其中回调函数最基础；它通过传入函数参数在异步完成后调用，适用于定时器、AJAX、文件读取等场景，优点是简单直接、轻量无依赖、控制明确，缺点是易导致回调地狱、错误处理分散、无法自然返回值及难以组合复用；Promise和async/await正是为解决这些缺陷而演进。

JavaScript 实现异步编程的核心方式包括回调函数、Promise、async/await，而回调函数是最基础、最原始的方案。它通过将一个函数作为参数传入另一个函数，在异步操作完成后由后者调用前者，从而避免阻塞主线程。

回调函数怎么用

典型场景如定时器、AJAX 请求或文件读取：

setTimeout(() => { console.log('3秒后执行'); }, 3000);

fetch('/api/data').then(res => res.json()).then(data => console.log(data));（这里 then 本质也是回调，只是 Promise 封装后的形式）

手动写回调也常见于 Node.js 的 fs.readFile：

fs.readFile('file.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

回调函数的优点

• 简单直接：概念易懂，入门门槛低，适合一次性、逻辑简单的异步操作
• 轻量无依赖：不依赖额外语法或对象，原生支持，兼容性极好（从 ES3 开始就存在）
• 控制明确：调用时机和传参由开发者完全掌控，没有隐式状态或自动链式行为

回调函数的缺点

• 回调地狱（Callback Hell）：多层嵌套导致代码向右偏移严重，可读性和维护性急剧下降，例如：doA(() => { doB(() => { doC(() => { ... }) }) })
• 错误处理分散：每个回调通常需单独判断 err，无法统一捕获，容易遗漏错误分支
• 无法自然返回值或使用 return/throw：回调内部的 return 不会返回给外层函数；异常需手动传递，不能用 try/catch 包裹整个异步流程
• 难以组合与复用：多个异步任务并行、串行或竞态控制（如 race、all）需要手动编写逻辑，远不如 Promise.all() 或 Promise.race() 直观

为什么后来有了 Promise 和 async/await

正是为了缓解回调函数的结构性缺陷。Promise 提供了链式调用、统一错误处理（.catch）、组合能力；async/await 进一步让异步代码看起来像同步代码，支持 await + try/catch，大幅提升可读性与调试体验。但这不意味着回调过时——事件监听（如 addEventListener）、Node.js 的某些底层 API 仍广泛使用回调，理解它仍是掌握 JS 异步本质的关键。