JavaScriptPromise是什么及使用方法解析

从现在开始，我们要努力学习啦！今天我给大家带来《JavaScript中Promise是什么？如何用它处理异步？》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

Promise 是 JavaScript 中管理异步操作的对象，代表未来可能完成或失败的结果，具有 pending、fulfilled、rejected 三种不可逆状态，通过 new Promise() 创建，支持 .then()/.catch() 链式调用及 async/await 语法，并提供 Promise.all() 等静态方法。

Promise 是 JavaScript 中用来管理异步操作的对象，它代表一个**尚未完成但未来可能会完成（或失败）**的操作结果。 它让原本容易陷入“回调地狱”的异步代码变得更清晰、更可控、更易错误处理。

Promise 的三种状态

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

• pending（待定）：初始状态，既没成功也没失败
• fulfilled（已兑现）：操作成功完成，此时可获取返回值
• rejected（已拒绝）：操作失败，此时可获取错误原因

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

如何创建和使用 Promise

用 new Promise() 构造函数创建，它接收一个执行器函数（executor），该函数立即执行，并传入两个参数：resolve 和 reject —— 它们是预定义的函数，分别用于把 Promise 变成 fulfilled 或 rejected 状态。

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

const fetchUser = new Promise((resolve, reject) => {
  setTimeout(() => {
    const success = true;
    if (success) {
      resolve({ id: 1, name: "张三" }); // 成功时调用 resolve
    } else {
      reject(new Error("获取用户失败")); // 失败时调用 reject
    }
  }, 1000);
});

要读取结果，不能直接访问，得用 .then() 和 .catch()：

fetchUser
  .then(user => console.log("用户：", user))
  .catch(err => console.error("错误：", err.message));

链式调用与 async/await（现代写法）

Promise 支持链式调用：.then() 返回一个新的 Promise，所以可以连续写多个 .then()，每个都处理上一步的结果。

更推荐的是配合 async/await 使用，让异步代码看起来像同步一样直观：

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

注意：await 只能在 async 函数内部使用；await 后面不一定是 Promise，但如果是普通值，会自动包装成已兑现的 Promise。

常用静态方法

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

• Promise.resolve(value)：快速创建一个已兑现的 Promise
• Promise.reject(error)：快速创建一个已拒绝的 Promise
• Promise.all([p1, p2, ...])：等待所有 Promise 都成功才兑现，任一失败则整体失败
• Promise.race([p1, p2, ...])：哪个 Promise 先完成（无论成败），就以它的结果为准
• Promise.allSettled([p1, p2, ...])：等待所有 Promise 都结束（不管成功或失败），返回每个结果的状态数组

比如并发请求多个接口并等全部返回：

Promise.all([
  fetch('/api/user'),
  fetch('/api/posts'),
  fetch('/api/comments')
])
.then(([userRes, postsRes, commentsRes]) => {
  // 所有请求都成功了
})

基本上就这些。Promise 不复杂，但容易忽略状态不可逆、必须处理错误、以及 await 必须在 async 函数里这些细节。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScriptPromise是什么及使用方法解析》文章吧，也可关注golang学习网公众号了解相关技术文章。