什么是异步编程_Javascript如何处理-js教程-PHP中文网

什么是异步编程_Javascript如何处理

狼影

发布： 2025-12-23 20:52:02

原创

112人浏览过

异步编程指发起耗时操作后不阻塞执行，待完成后再处理结果；JavaScript依靠事件循环和回调实现异步，基础是回调函数，进阶为Promise解决回调地狱，再升级为async/await使语法更同步化，底层依赖宏任务与微任务的事件循环机制。

什么是异步编程_javascript如何处理

异步编程是指程序在发起一个可能耗时的操作（比如网络请求、文件读取、定时器）后，不等待它完成，而是继续执行后续代码；等该操作真正结束时，再通过某种机制通知程序去处理结果。JavaScript 本身是单线程的，但靠事件循环（Event Loop）和回调机制实现了高效的异步处理能力。

JavaScript 的异步基础：回调函数

最原始的异步写法是把“等操作做完后要干的事”写成一个函数，传给异步操作（比如 setTimeout 或 XMLHttpRequest）。这个函数叫回调函数（callback）。

例如：

setTimeout(() => {
  console.log('3秒后执行');
}, 3000);
console.log('先打印这句');
// 输出顺序：先“先打印这句”，再“3秒后执行”

登录后复制

问题在于，多个回调嵌套会导致“回调地狱”（Callback Hell），代码难以阅读和维护。

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

Promise：更可控的异步流程

Promise 是一个表示异步操作最终完成或失败的对象。它有三种状态：pending（进行中）、fulfilled（成功）、rejected（失败）。用 .then() 处理成功，.catch() 处理失败，支持链式调用，避免深层嵌套。

超能文献

超能文献是一款革命性的AI驱动医学文献搜索引擎。

123

查看详情

常见用法：

创建 Promise：new Promise((resolve, reject) => { ... })
串行异步：promise1.then().then().catch()
并行异步：Promise.all([p1, p2, p3]) 等全部完成，Promise.race([p1, p2]) 等第一个完成

async/await：让异步像同步一样写

async 函数会自动返回 Promise；await 只能在 async 函数内使用，用于等待 Promise 结果，暂停当前函数执行（但不阻塞主线程）。

优势是语义清晰、错误可用 try/catch 捕获，接近同步代码风格：

async function fetchUserData() {
  try {
    const res = await fetch('/api/user');
    const data = await res.json();
    console.log(data);
  } catch (err) {
    console.error('请求失败', err);
  }
}

登录后复制

背后的支撑：事件循环与任务队列

JavaScript 引擎执行同步代码，遇到异步操作（如 setTimeout、fetch）就交给 Web API 处理。完成后，回调被推入对应的任务队列（宏任务如 setTimeout，微任务如 Promise.then）。事件循环持续检查调用栈是否为空，空了就按优先级从队列取任务执行——微任务总在每次宏任务后清空。

理解这点，就能解释为什么：