Promise入门指南：让异步编程变得简单-CSDN博客

本文链接：https://blog.csdn.net/wanglf_clog/article/details/139326035

本文介绍了JavaScript中的Promise，一种用于处理异步操作的对象，旨在解决回调地狱和提高代码可读性。文章详细讲解了Promise的创建、消费、高级用法以及如何解决异步编程中的问题，帮助读者掌握Promise的基本用法和核心概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 JavaScript 的世界里，异步编程几乎是不可避免的，尤其是在处理网络请求、文件读写等耗时操作时。而Promise正是 JavaScript 提供的一种优雅解决异步问题的方案，它使得异步代码更加易于理解和维护。本文将带你轻松入门 Promise，揭开它的神秘面纱。

一、Promise 是什么？

想象一下，你去咖啡店买咖啡，服务员告诉你咖啡需要几分钟制作，你可以选择等待（同步）或者留下电话，制作完成后服务员会通知你（异步）。这里的“服务员通知”就像是编程中的回调函数，而Promise就像是服务员给你的一个“承诺”，保证在未来的某个时刻，咖啡（数据）会准备好，并通知你。

在 JavaScript 中，Promise就是一个对象，用来表示一个异步操作的最终完成（或失败）及其结果。它有三种状态：pending（等待中）、fulfilled（已完成）和rejected（已拒绝），并且状态一旦改变就不会再变。

二、如何使用 Promise？

创建 Promise

创建一个Promise实例通常需要传入一个执行器函数，该函数接收两个参数：resolve和reject，分别用于标记操作成功或失败。

const myPromise = new Promise((resolve, reject) => {
   
  // 异步操作
  setTimeout(() => {
   
    if (/* 操作成功 */) {
   
      resolve("操作结果");
    } else {
   
      reject("出错了");
    }
  }, 2000);
});

消费 Promise

使用.then处理成功

myPromise.then((result) => {
   
  console.log("成功了：" + result);
});

使用.catch处理失败

myPromise.catch((error) => {
   
  console.error("失败了：" + error);
});

链式调用

Promise支持链式调用，即一个.then后面可以继续跟另一个.then，用于处理前一个 Promise 的结果，或者继续进行其他异步操作。

myPromise
  .then((result) => {
   
    console.log("第一步成功："