vue中Promise的使用

new Promise 是 JavaScript 中用于创建 Promise 对象的构造函数。Promise 是用于处理异步操作的一种机制，它可以更好地管理和处理异步代码，使其更具可读性和可维护性。Promise 可以处于以下三种状态之一：

Pending（进行中）： 初始化状态，Promise 对象被创建后处于此状态。

Fulfilled（已成功）： 表示操作成功完成。当异步操作成功完成时，Promise 进入此状态，并将结果值传递给 .then() 方法。

Rejected（已失败）： 表示操作失败。当异步操作失败时，Promise 进入此状态，并将错误信息传递给 .catch() 方法。

以下是创建和使用 Promise 的基本示例：

// 创建一个 Promise，模拟异步操作
const myPromise = new Promise((resolve, reject) => {
  // 异步操作，例如从服务器获取数据
  setTimeout(() => {
    const data = { message: "Promise resolved!" };
    // 成功时调用 resolve 并传递结果
    resolve(data);
    // 失败时调用 reject 并传递错误信息
    // reject(new Error("Promise rejected!"));
  }, 2000);
});

// 处理 Promise 的结果
myPromise
  .then((result) => {
    console.log("Fulfilled:", result.message);
  })
  .catch((error) => {
    console.error("Rejected:", error.message);
  });


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22