雷达智富

首页 > 内容 > 程序笔记 > 正文

程序笔记

JavaScript Promise用法示例

2024-07-07 35

在 JavaScript 中,Promise 是一种用于处理异步操作的对象。它表示一个异步操作的最终完成或失败,并且可以让你以更清晰和可靠的方式编写异步代码。

Promise 的特点:

状态:Promise 有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。

链式调用:可以通过 then() 方法进行链式调用,处理成功和失败的情况。

错误处理:可以使用 catch() 方法捕获 Promise 链中的错误。

不可变性:一旦 Promise 处于 fulfilled 或 rejected 状态,其状态将不可变。

Promise 的基本用法:

// 创建一个 Promise 对象
let myPromise = new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
        let success = true; // 假设操作成功

        if (success) {
            resolve("Operation succeeded!"); // 异步操作成功,调用 resolve
        } else {
            reject("Operation failed!"); // 异步操作失败,调用 reject
        }
    }, 2000); // 2秒后执行
});

// 使用 Promise
myPromise
    .then((message) => {
        // 异步操作成功的处理
        console.log("Success:", message);
    })
    .catch((error) => {
        // 异步操作失败的处理
        console.error("Error:", error);
    });

在这个示例中,我们创建了一个 Promise 对象 myPromise,它包含一个模拟的异步操作。在 Promise 对象内部,我们执行一个异步操作,并在操作完成时使用 resolve 或 reject 方法来改变 Promise 的状态。

随后,我们使用 .then() 方法来处理异步操作成功的情况,使用 .catch() 方法来处理异步操作失败的情况。.then() 方法返回一个新的 Promise,因此可以链式调用多个 .then() 来处理多个异步操作。.catch() 方法用于捕获链中任何一个 Promise 的失败状态。

这种方式使得异步代码更易于理解和管理,并能够更好地处理异步操作的成功与失败。

更新于:2个月前
赞一波!

文章评论

全部评论