Promise

最新推荐文章于 2025-07-29 01:46:31 发布

看淡了所冇、

最新推荐文章于 2025-07-29 01:46:31 发布

阅读量253

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/z020729/article/details/135588450

本文介绍了Promise，ES6中用于处理异步操作的关键特性，包括状态变化（pending,fulfilled,rejected）、then和catch函数的作用以及all和race方法的使用示例，帮助理解如何避免回调地狱并提升异步编程效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise简介

Promise是ES6新增类，用来解决异步的回调地狱问题，为异步提供更强大的性能支持，一个promise实例对象会存在三种状态，分别是pedding，fulfilled，rejected。创建实例的时候需要给Promise类传入一个回调函数，该回调函数可以传入两个参数，两个参数是两个函数，分别是resolve，reject函数。当触发resolve函数之后，promise的状态值变成fulfilled，之后会执行promise实例的then函数；当触发reject函数之后，promise的状态值会变成rejected，之后会执行promise实例的catch函数。

常见用法

const promise1 = new Promise((resolve, reject) => {
    // resolve();
    reject();
});

promise1.then(() => {
    console.log("触发then函数")
}).catch(() => {
    console.log("触发catch函数")
})

常用方法

then函数

当promise的状态从pedding变为fulfilled，会触发then函数，then函数接收一个函数作为参数，可以接收resolve函数传递过来的参数。

catch函数

当promise的状态从pedding变成rejected，会触发catch函数，catch函数也接收一个函数作为参数，可以接收reject函数传递过来的参数。

all函数

Promise.all([promise1, promise2]).then(() => {
    console.log("触发then函数");
}).catch(() => {
    console.log("触发catch函数");
})

race函数

Promise.race([promise1, promise2]).then(() => {
    console.log("触发then函数");
}).catch(() => {
    console.log("触发catch函数");
})