什么是JavaScript的Promise对象？-js教程-PHP中文网

什么是JavaScript的Promise对象？

幻影之瞳

发布： 2025-12-17 10:29:45

原创

866人浏览过

Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；有pending、fulfilled、rejected三种不可逆状态；通过new Promise()创建，用.then()、.catch()、.finally()链式处理，支持Promise.all等静态方法组合异步任务。

什么是javascript的promise对象？

Promise 是 JavaScript 中用来处理异步操作的一种对象，它代表一个**尚未完成但未来会完成（或失败）的操作结果**。简单说，它把“等一个异步任务做完再干啥”这件事，从层层嵌套的回调函数（callback hell）变成可链式调用、更易读写和错误处理的结构。

Promise 有三种状态

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

pending（进行中）：刚创建，异步操作还没结束
fulfilled（已成功）：操作顺利完成，可通过 .then() 获取返回值
rejected（已失败）：操作出错，可通过 .catch() 或 .then(null, handler) 捕获错误

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

怎么创建一个 Promise

用 new Promise() 构造函数，传入一个执行器函数（executor），它接收两个参数：resolve 和 reject：

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

const myPromise = new Promise((resolve, reject) => {
  // 模拟异步操作，比如网络请求或定时器
  setTimeout(() => {
    const success = Math.random() > 0.3;
    if (success) {
      resolve("操作成功！"); // 触发 fulfilled 状态
    } else {
      reject(new Error("操作失败了")); // 触发 rejected 状态
    }
  }, 1000);
});

登录后复制

怎么使用 Promise 处理结果

主要靠 .then() 和 .catch() 方法：

魔法映像企业网站管理系统

技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作

查看详情

.then(onFulfilled, onRejected)：第一个参数处理成功结果，第二个可选参数处理失败（但推荐统一用 .catch()）
.catch(handler)：专门捕获前面任意环节抛出的错误（包括 reject 和同步异常）
.finally(handler)：无论成功失败都会执行，适合清理工作（如关闭加载动画）

它们都返回一个新的 Promise，所以支持链式调用：

myPromise
  .then(data => {
    console.log(data); // "操作成功！"
    return data.toUpperCase();
  })
  .then(transformed => console.log(transformed)) // "操作成功！"
  .catch(err => console.error(err.message))
  .finally(() => console.log("不管怎样，这行都会执行"));

登录后复制

常见静态方法帮你组合多个 Promise

Promise 构造函数本身还提供几个实用的静态方法：

Promise.resolve(value)：快速创建一个立即成功的 Promise
Promise.reject(reason)：快速创建一个立即失败的 Promise
Promise.all([p1, p2, ...])：全部成功才成功，任一失败则整体失败
Promise.race([p1, p2, ...])：哪个先完成（无论成败），就用它的结果
Promise.allSettled([p1, p2, ...])：等所有 Promise 都结束（成功或失败），返回每个结果的状态

比如用 Promise.all 并发请求多个接口：

Promise.all([
  fetch('/api/user'),
  fetch('/api/posts')
]).then(([userRes, postsRes]) => {
  return Promise.all([userRes.json(), postsRes.json()]);
}).then(([user, posts]) => {
  console.log({ user, posts });
});

登录后复制

基本上就这些。Promise 不是魔法，但它让异步逻辑变得更可控、更可读、更健壮。

以上就是什么是JavaScript的Promise对象？的详细内容，更多请关注php中文网其它相关文章！