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!如果你有其他问题,请随时问我。

相关推荐
浪裡遊几秒前
HTML面试题
前端·javascript·react.js·前端框架·html·ecmascript
More more11 分钟前
uniapp实时查看在线监控,JessibucaMobile实现横屏播放
前端·javascript·uni-app·jessibucamobile
i小杨43 分钟前
React 状态管理库相关收录
前端·react.js·前端框架
Jiaberrr1 小时前
解决uni-app通用上传与后端接口不匹配问题:原生上传文件方法封装 ✨
前端·javascript·uni-app
listhi5201 小时前
CSS:现代Web设计的不同技术
前端·css
南囝coding1 小时前
现代Unix命令行工具革命:30个必备替代品完整指南
前端·后端
起风了___1 小时前
Flutter 多端音频控制台:基于 audio_service 实现 iOS、Android 锁屏与通知中心播放控制
前端·flutter
作业逆流成河1 小时前
🎉 enum-plus 发布新版本了!
前端·javascript·前端框架
WYiQIU2 小时前
高级Web前端开发工程师2025年面试题总结及参考答案【含刷题资源库】
前端·vue.js·面试·职场和发展·前端框架·reactjs·飞书
WuWuII2 小时前
SSE服务端单向推送消息到前端
前端·推送