promise类方法

Promise 类在 JavaScript 中提供了一些静态方法和实例方法,用于处理异步操作。以下是 Promise 类的主要方法:

1. 静态方法

Promise.all(iterable)
  • 描述: 接受一个可迭代对象(如数组),返回一个新的 Promise,该 Promise 在所有输入的 Promise 都成功时解决,或者在任何一个输入的 Promise 失败时拒绝。
  • 用法:
javascript 复制代码
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(resolve, 100, "foo"));
const promise3 = 42;

Promise.all([promise1, promise2, promise3])
    .then(values => {
        console.log(values); // 输出: [3, "foo", 42]
    })
    .catch(error => {
        console.error(error);
    });
Promise.allSettled(iterable)
  • 描述: 接受一个可迭代对象,返回一个新的 Promise,该 Promise 在所有输入的 Promise 都已完成(无论成功或失败)时解决,返回一个对象数组,描述每个 Promise 的结果。
  • 用法:
javascript 复制代码
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, "foo"));
const promise3 = 42;

Promise.allSettled([promise1, promise2, promise3])
    .then(results => {
        console.log(results);
        // 输出: 
        // [
        //   { status: "fulfilled", value: 3 },
        //   { status: "rejected", reason: "foo" },
        //   { status: "fulfilled", value: 42 }
        // ]
    });
Promise.any(iterable)
  • 描述: 接受一个可迭代对象,返回一个新的 Promise,该 Promise 在第一个成功的 Promise 解决时解决,或者在所有输入的 Promise 都失败时拒绝。
  • 用法:
javascript 复制代码
const promise1 = Promise.reject("error1");
const promise2 = Promise.reject("error2");
const promise3 = Promise.resolve("success");

Promise.any([promise1, promise2, promise3])
    .then(value => {
        console.log(value); // 输出: "success"
    })
    .catch(error => {
        console.error(error);
    });
Promise.race(iterable)
  • 描述: 接受一个可迭代对象,返回一个新的 Promise,该 Promise 在第一个解决或拒绝的 Promise 解决时解决或拒绝。
  • 用法:
javascript 复制代码
const promise1 = new Promise((resolve, reject) => setTimeout(resolve, 100, "one"));
const promise2 = new Promise((resolve, reject) => setTimeout(resolve, 200, "two"));

Promise.race([promise1, promise2])
    .then(value => {
        console.log(value); // 输出: "one"
    });

2. 实例方法

promise.then(onFulfilled, onRejected)
  • 描述: 添加成功和失败的回调函数,返回一个新的 Promise。
  • 用法:
javascript 复制代码
const promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("成功"), 1000);
});

promise.then(result => {
    console.log(result); // 输出: "成功"
}).catch(error => {
    console.error(error);
});
promise.catch(onRejected)
  • 描述: 添加一个失败的回调函数,返回一个新的 Promise。
  • 用法:
javascript 复制代码
const promise = new Promise((resolve, reject) => {
    setTimeout(() => reject("失败"), 1000);
});

promise.catch(error => {
    console.error(error); // 输出: "失败"
});
promise.finally(onFinally)
  • 描述: 添加一个最终的回调函数,无论 Promise 是成功还是失败,都会执行该回调。返回一个新的 Promise。
  • 用法:
javascript 复制代码
const promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("成功"), 1000);
});

promise
    .then(result => {
        console.log(result); // 输出: "成功"
    })
    .catch(error => {
        console.error(error);
    })
    .finally(() => {
        console.log("无论成功还是失败,这里都会执行"); // 输出: "无论成功还是失败,这里都会执行"
    });

总结

Promise 类提供了多种方法来处理异步操作,使得代码更加清晰和易于维护。通过使用这些方法,可以方便地管理多个异步操作的结果和错误处理。希望这些信息能帮助你更好地理解和使用 Promise!如果你有其他问题,请随时问我。

相关推荐
秋名山大前端3 小时前
Chrome GPU 加速优化配置(前端 3D 可视化 / 数字孪生专用)
前端·chrome·3d
今天不要写bug3 小时前
antv x6实现封装拖拽流程图配置(适用于工单流程、审批流程应用场景)
前端·typescript·vue·流程图
luquinn3 小时前
实现统一门户登录跳转免登录
开发语言·前端·javascript
用户21411832636024 小时前
dify案例分享-5分钟搭建智能思维导图系统!Dify + MCP工具实战教程
前端
augenstern4164 小时前
HTML(面试)
前端
excel4 小时前
前端常见布局误区:1fr 为什么撑爆了我的容器?
前端
烛阴4 小时前
TypeScript 类型魔法:像遍历对象一样改造你的类型
前端·javascript·typescript
vayy4 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
专注API从业者4 小时前
基于 Node.js 的淘宝 API 接口开发:快速构建异步数据采集服务
大数据·前端·数据库·数据挖掘·node.js
前端无冕之王4 小时前
一份兼容多端的HTML邮件模板实践与详解
前端·css·数据库·html