javascript Promise是什么_如何使用它_网络技术_宿州市腾雀网络科技有限公司

javascript Promise是什么_如何使用它

发布时间 - 2025-12-26 00:00:00 点击率：次

Promise 是 JavaScript 处理异步操作的标准对象，代表未来完成或失败的操作，具有 pending、fulfilled、rejected 三种不可逆状态；通过 new Promise() 创建，支持链式调用（.then/.catch）、静态方法（all/race/resolve/reject）及 async/await 语法。

Promise 是 JavaScript 中处理异步操作的标准化对象，它代表一个**尚未完成但未来会完成（或失败）的操作**，让你能以更清晰、可链式的方式管理回调，避免“回调地狱”。

Promise 的三种状态

每个 Promise 实例始终处于以下其中一种状态：

pending（待定）：初始状态，既没成功也没失败
fulfilled（已成功）：操作成功完成，可通过 .then() 获取结果
rejected（已失败）：操作出错，可通过 .catch() 或 .then(null, handler) 捕获错误

状态一旦改变（pending → fulfilled 或 pending → rejected），就不可逆，也不会再变。

如何创建和使用 Promise

用 new Promise() 构造函数创建，它接收一个执行器函数（executor），该函数立即执行，并传入两个参数：resolve（成功时调用）和 reject（失败时调用）。

例如，模拟一个 1 秒后返回用户数据的异步请求：

const fetchUser = new Promise((resolve, reject) => {
  setTimeout(() => {
    const success = Math.random() > 0.2; // 80% 概率成功
    if (success) {
      resolve({ id: 123, name: "张三" });
    } else {
      reject(new Error("网络请求失败"));
    }
  }, 1000);
});

使用时推荐链式调用：

fetchUser
  .then(user => {
    console.log("获取成功：", user);
    return user.name.toUpperCase();
  })
  .then(upperName => console.log("大写姓名：", upperName))
  .catch(err => console.error("出错了：", err.message));

常用静态方法：Promise.all、Promise.race、Promise.resolve/reject

这些方法帮你更高效地组合多个 Promise：

Promise.all([p1, p2, p3])：全部成功才成功，返回结果数组；任一失败则整体失败
Promise.race([p1, p2, p3])：谁先改变状态（无论成功/失败），就采用它的结果
Promise.resolve(value)：快速创建一个已成功的 Promise（如包装普通值或已有 thenable）
Promise.reject(reason)：快速创建一个已失败的 Promise

与 async/await 配合更简洁

Promise 是 async/await 的基础。用 async 声明的函数自动返回 Promise，await 可暂停执行，等待 Promise 完成：

async function getUser() {
  try {
    const user = await fetchUser; // 等待 Promise 完成
    console.log("用户：", user);
    return user;
  } catch (err) {
    console.error("加载失败：", err);
  }
}

这比纯 Promise 链读起来更接近同步代码，也更容易调试和错误处理。

# javascript # java # ai

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：探索创新之路：企业官网设计新趋势解析

下一篇：Linux下JDK安装教程

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：探索创新之路：企业官网设计新趋势解析

下一篇：Linux下JDK安装教程