Promise：从古墓丽影说起

前端

2023-10-05 08:31:40

Promise: 一种简单易懂的理解方式

前言

Promise是一个强大的JavaScript工具，它可以帮助您在不阻塞主线程的情况下执行异步操作。这使得您的代码更加高效，并且可以避免出现常见的回调地狱问题。

本文将通过一个古墓丽影的故事，让您轻松理解Promise的概念和用法。

故事：古墓丽影

您是一名在古老迷失城市中探险的冒险家。您身处一间装饰华丽的房间中，四周布满了古老的壁画和雕塑。您发现有两个通道分别通向不同的方向。

您必须做出选择，选择一条通道继续前进。但您不知道哪条通道是正确的，哪条通道是错误的。

您决定使用Promise来帮助您做出决定。

Promise的概念

Promise是一个对象，它代表着异步操作的结果。

Promise有三种状态：

已完成（fulfilled）：异步操作已经成功完成。
已拒绝（rejected）：异步操作已经失败。
待定（pending）：异步操作尚未完成。

您可以使用then()方法来处理Promise的结果。

Promise的用法

以下是一个使用Promise的示例：

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    // 异步操作成功
    resolve("成功！");
  }, 1000);
});

promise.then((result) => {
  // 处理成功的结果
  console.log(result);
}).catch((error) => {
  // 处理失败的结果
  console.log(error);
});