javascript的异步是什么_回调函数如何处理？

admin 百科 2025-12-23 15

JavaScript异步指耗时操作在后台运行，主线程继续执行，避免页面卡死；依靠事件循环和任务队列实现，含microtask（如Promise）与macrotask（如setTimeout）；回调函数是基础方式，易致回调地狱，现多用Promise链式调用和async/await语法提升可读性与错误处理能力。

javascript的异步是什么_回调函数如何处理？-第1张图片-佛山资讯网

JavaScript 的异步，指的是代码不按书写顺序逐行阻塞执行，而是让某些耗时操作（比如网络请求、定时器、文件读取）在后台运行，同时主线程继续执行后续代码；等这些操作完成后再通知 JS 去处理结果。这避免了页面“卡死”，是前端响应流畅的关键。

异步怎么发生的？靠事件循环和任务队列

JS 是单线程的，但浏览器或 Node.js 提供了 Web API（如 setTimeout、fetch、addEventListener）来处理耗时任务。它们不在 JS 主线程里执行，而是在外部环境完成。完成后，会把对应的回调函数推入任务队列（microtask 或 macrotask），等调用栈空了，事件循环再把它拉进来执行。

microtask（高优先级）：Promise 回调、queueMicrotask
macrotask（低优先级）：setTimeout、setInterval、I/O、UI 渲染

回调函数是最早的异步处理方式

回调函数就是你传给异步操作的一个函数，它会在操作完成（成功或失败）后被调用。比如：

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

fetch('/api/data')
  .then(data => console.log(data))
  .catch(err => console.error(err));

登录后复制

上面的箭头函数和 .then 里的函数都是回调。但传统回调容易嵌套过深，形成“回调地狱”：

立即学习“Java免费学习笔记（深入）”；

getData((err, a) => {
  if (err) throw err;
  getMoreData(a, (err, b) => {
    if (err) throw err;
    saveData(b, (err, c) => {
      if (err) throw err;
      console.log('完成');
    });
  });
});

登录后复制