Node.js 异步编程:Promise 与 Async/Await 详解

异步编程是 Node.js 的核心特性之一。本文深入讲解 Promise 与 Async/Await 的使用方法,助你写出更高效、易读的异步代码,提升开发体验。

468 × 60 文章顶部广告 QEG44JER

引言 / 什么是异步编程

Node.js 作为基于事件驱动的非阻塞 I/O 模型的后端开发框架,异步编程是其核心特性。与同步编程的线性执行不同,异步编程通过回调函数、Promise 或 Async/Await 实现非阻塞操作,特别适合处理高并发的 I/O 密集型任务(如文件读写、网络请求)。

传统回调函数(Callback)虽然简单,但容易陷入“回调地狱”(Callback Hell),导致代码难以维护。Promise 和 Async/Await 的出现解决了这一问题,它们提供了更优雅的异步代码组织方式,同时保持了代码的可读性和可维护性。

本文将系统讲解 Promise 和 Async/Await 的用法,并通过文件读取和网络请求的实际案例对比不同异步处理方式,帮助你掌握 Node.js 异步编程的核心技巧。

准备工作

  • Node.js 版本:建议使用 LTS 版本(如 18.x 或更高)
  • 编辑器:VS Code 或其他支持 JavaScript 的编辑器
  • 示例代码依赖:fs/promises(Node.js 内置模块)、axios(HTTP 客户端库)

Promise 基础与高级用法

步骤一:Promise 的基本结构

Promise 是一个对象,表示异步操作的最终完成(或失败)及其结果值。它有三种状态:

  • Pending(进行中):初始状态,既未完成也未失败。
  • Fulfilled(已成功):操作成功完成。
  • Rejected(已失败):操作失败。
const promise = new Promise((resolve, reject) => {
  // 模拟异步操作(如文件读取)
  setTimeout(() => {
    const success = true; // 模拟操作结果
    if (success) {
      resolve("操作成功!"); // 成功时调用 resolve
    } else {
      reject(new Error("操作失败!")); // 失败时调用 reject
    }
  }, 1000);
});

promise
  .then((result) => {
    console.log(result); // 输出:操作成功!
  })
  .catch((error) => {
    console.error(error.message); // 捕获错误
  });

步骤二:Promise 的链式调用

Promise 的核心优势是链式调用,通过 .then() 方法将多个异步操作串联起来,避免嵌套回调。

function fetchData(url) {
  return new Promise((resolve) => {
    setTimeout(() => resolve(`数据来自 ${url}`), 500);
  });
}

fetchData("https://api.example.com/users")
  .then((data) => {
    console.log(data); // 输出:数据来自 https://api.example.com/users
    return fetchData("https://api.example.com/posts"); // 返回新的 Promise
  })
  .then((data) => {
    console.log(data); // 输出:数据来自 https://api.example.com/posts
  });

步骤三:Promise 的静态方法

Promise 提供了多个静态方法简化异步操作:

  • Promise.all():等待所有 Promise 完成(并行操作)。
  • Promise.race():返回第一个完成或拒绝的 Promise。
  • Promise.allSettled():等待所有 Promise 完成(无论成功或失败)。
const promise1 = Promise.resolve("结果1");
const promise2 = new Promise((resolve) => setTimeout(() => resolve("结果2"), 1000));

// Promise.all 示例
Promise.all([promise1, promise2])
  .then((results) => {
    console.log(results); // 输出:["结果1", "结果2"]
  });

// Promise.race 示例
Promise.race([promise1, promise2])
  .then((result) => {
    console.log(result); // 输出:结果1(先完成的)
  });

Async/Await 语法与优势

步骤一:Async/Await 的基本用法

Async/Await 是基于 Promise 的语法糖,用同步方式编写异步代码,提升可读性。

  • async 函数:声明一个异步函数,返回一个 Promise。
  • await 表达式:暂停异步函数的执行,等待 Promise 完成。
async function fetchUser() {
  try {
    const response = await fetch("https://api.example.com/users");
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("请求失败:", error);
  }
}

fetchUser();

提示await 只能在 async 函数内部使用,否则会报语法错误。

步骤二:错误处理

Async/Await 通过 try/catch 捕获错误,比 Promise 的 .catch() 更直观。

async function readFile(path) {
  try {
    const fs = require("fs/promises");
    const content = await fs.readFile(path, "utf-8");
    console.log(content);
  } catch (error) {
    console.error("文件读取失败:", error.message);
  }
}

readFile("./nonexistent.txt"); // 输出:文件读取失败:ENOENT: no such file or directory

步骤三:并行优化

虽然 await 会暂停执行,但可以通过并行调用优化性能。

async function fetchDataInParallel() {
  const [users, posts] = await Promise.all([
    fetch("https://api.example.com/users").then((res) => res.json()),
    fetch("https://api.example.com/posts").then((res) => res.json()),
  ]);
  console.log(users, posts);
}

fetchDataInParallel();

实际案例对比:文件读取与网络请求

案例一:文件读取

回调函数方式

const fs = require("fs");

fs.readFile("./example.txt", "utf-8", (err, data) => {
  if (err) {
    console.error(err);
    return;
  }
  console.log(data);
});

Promise 方式

const fs = require("fs/promises");

fs.readFile("./example.txt", "utf-8")
  .then((data) => console.log(data))
  .catch((err) => console.error(err));

Async/Await 方式

const fs = require("fs/promises");

async function readFile() {
  try {
    const data = await fs.readFile("./example.txt", "utf-8");
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}

readFile();

案例二:网络请求

回调函数方式(以 request 库为例)

const request = require("request");

request("https://api.example.com/users", (err, response, body) => {
  if (err) {
    console.error(err);
    return;
  }
  console.log(JSON.parse(body));
});

Promise 方式(以 axios 为例)

const axios = require("axios");

axios.get("https://api.example.com/users")
  .then((response) => console.log(response.data))
  .catch((err) => console.error(err));

Async/Await 方式

const axios = require("axios");

async function fetchUsers() {
  try {
    const response = await axios.get("https://api.example.com/users");
    console.log(response.data);
  } catch (err) {
    console.error(err);
  }
}

fetchUsers();

常见问题

Q:Async/Await 会阻塞主线程吗?
A:不会。await 仅暂停当前 async 函数的执行,不会阻塞 Node.js 事件循环。其他异步操作仍可并行执行。

Q:如何处理多个并行异步操作?
A:使用 Promise.all()Promise.allSettled() 结合 map 方法。例如:

async function fetchMultipleUrls(urls) {
  const promises = urls.map((url) => axios.get(url));
  const responses = await Promise.all(promises);
  console.log(responses.map((res) => res.data));
}

Q:Promise 和 Async/Await 如何选择?
A:

  • 简单场景:直接使用 Promise 的链式调用。
  • 复杂逻辑:优先使用 Async/Await,代码更清晰。
  • 需要并行优化:结合 Promise.all()await

小结

本文系统讲解了 Node.js 异步编程的两种核心方式:Promise 和 Async/Await。Promise 通过链式调用和静态方法解决了回调地狱问题,而 Async/Await 进一步用同步语法简化了异步代码的编写。通过文件读取和网络请求的实际案例对比,可以直观感受到两者的优势。

建议在实际开发中:

  1. 优先使用 fs/promisesaxios 等支持 Promise 的库。
  2. 复杂逻辑用 Async/Await 提升可读性。
  3. 并行操作使用 Promise.all() 优化性能。

掌握这些技巧后,你的 Node.js 代码将更高效、易维护,项目性能也会显著提升!

468 × 60 文章底部广告 7XM2LNHL

💡 推荐阅读

Node.js 入门:从零开始搭建第一个服务器

想学习 Node.js 后端开发?本文带你从零开始,一步步搭建一个简单的服务器,了解基础概念和操作流程,为后续深入学习打下坚实基础。

Node.js 基础:模块化开发与使用指南

模块化是 Node.js 开发的重要特性。本文将深入讲解 Node.js 模块化开发,包括模块类型、导入导出方法,助你写出更清晰、可维护的代码。

Node.js 数据库操作:MySQL 连接与使用教程

数据库是后端开发的关键部分。本文介绍如何在 Node.js 中连接和使用 MySQL 数据库,包括安装驱动、建立连接、执行查询等操作,助你实现数据存储与管理。

剪映模板素材哪里找?优质资源推荐

想要找到优质的剪映模板素材?本文为你推荐几个可靠的资源网站,让你轻松获取丰富多样的模板素材,提升视频制作水平。

手机进水后如何紧急处理?5步自救指南

手机意外落水别慌!掌握这5个紧急处理步骤,能大幅降低手机损坏风险,甚至可能让手机恢复如初。快来学习正确的自救方法吧!

Android通知历史记录:轻松回顾错过的消息

错过重要消息?Android通知历史记录来帮你!本文教你如何查看和管理通知历史记录,不再错过任何重要信息。

手机充电显示异常?解读与修复指南

手机充电时显示异常?本文解读常见显示问题,如不显示充电、电量跳变等,并提供修复方法,让你的手机充电显示恢复正常。

WPS演示图表制作技巧:数据可视化轻松搞定

数据太多难以呈现?本文将教你如何使用WPS演示制作图表,将复杂数据转化为直观图表,让观众一眼看懂数据背后的故事,提升演示说服力。

手机摄影专业模式全解析:轻松拍出大片感

手机摄影专业模式功能强大,但很多人不知如何使用。本文将详细介绍专业模式各项参数,从基础到进阶,让你快速上手,轻松拍出具有大片感的照片,提升摄影水平。

电脑开机无反应?5步排查法轻松解决

电脑按下电源键却毫无反应?别慌!本文教你5步排查法,从电源、主板到内存,逐步定位问题根源,轻松解决开机无反应的难题。

批量打印入门:如何快速设置打印任务?

批量打印能大幅提升效率,但设置起来却让不少人头疼。本文将带你从零开始,学习如何快速设置打印任务,掌握基础技巧,让打印变得轻松又高效。

手机夜景拍摄全攻略:轻松拍出璀璨夜色

夜景拍摄是手机摄影的难点,但掌握技巧后也能拍出惊艳作品。本文将分享手机夜景拍摄的参数设置、构图技巧及实用小工具,助你轻松捕捉城市夜晚的璀璨与静谧。

剪映转场效果:如何让视频过渡更自然?

剪映转场效果大揭秘!本文将教你如何为视频添加转场效果,并调整转场的时长、方向等参数,让你的视频过渡更加自然流畅。

OBS 录屏软件安装全攻略:零基础快速上手

还在为 OBS 安装问题发愁?本文将详细介绍 OBS 录屏软件在 Windows、Mac 系统上的安装步骤,以及安装过程中的常见问题及解决方法,让你轻松开启录屏之旅。

Excel打印高级技巧:如何打印网格线和批注?

打印Excel表格时,如何打印网格线和批注?本文教你使用Excel的高级打印设置,轻松实现网格线和批注的打印。

Excel动态图表制作指南:用控件实现数据联动

通过表单控件与动态公式结合,教你创建可交互的销售分析仪表盘,让数据随选择自动更新变化。

PowerPoint动画优化:如何提升动画的流畅度和自然度?

动画效果不够流畅?不够自然?本文教你如何优化动画设置,让动画更加逼真和吸引人。

OneNote与Outlook联动:任务管理新玩法

OneNote不仅能记笔记,还能与Outlook联动管理任务!本文教你如何将笔记转化为任务,并设置提醒,让工作学习更有条理。

iOS系统设置:如何快速关闭后台应用刷新?

后台应用刷新会悄悄消耗电量和流量,其实iOS系统设置里就能轻松关闭。本文将教你一步步操作,还能了解关闭后的影响,让你的iPhone更省电!

如何通过外链(Backlinks)提升网站权重?

外链是SEO中重要的排名因素之一,高质量的外链能显著提升网站权重。本文将教你如何获取高质量外链,避免低质量外链的坑,让你的网站排名更上一层楼。