ES6 Promise 对象用法总结

最新推荐文章于 2025-04-23 13:15:04 发布

F元凯

最新推荐文章于 2025-04-23 13:15:04 发布

阅读量496

点赞数

分类专栏：前端 JavaScript 文章标签： promise javascript

本文链接：https://blog.youkuaiyun.com/fyk844645164/article/details/100551016

版权

前端同时被 2 个专栏收录

5 篇文章

订阅专栏

JavaScript

4 篇文章

订阅专栏

本文深入讲解Promise对象的概念，包括其特点、创建方式及实际应用案例。探讨了Promise如何用于异步操作，以及如何通过Promise.resolve和Promise.reject方法转换现有对象。

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

Promise用来传递异步操作的消息，Promise 对象代表一个异步操作。

特点

1、Promise对象的状态不受外界影响，也就是说，只有异步操作的结果可以改变他的状态，其他操作都无法改变这个状态；总共有三种状态：

pending(等待)：初始状态，不是成功或失败状态。
fulfilled(完成)：意味着操作成功完成。
rejected(拒绝)：意味着操作失败。

2、状态的改变只有两种可能：pending→fulfilled和pending→rejected；一旦状态改变了，就不会再变了。

创建

创建一个 promise 对象，可以使用 new 来调用 Promise 的构造器来进行实例化：

var promise = new Promise(function(resolve, reject) {
    // 异步处理
    // 处理结束后、调用resolve 或 reject
});

Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。
看下实际的例子就可以理解了。

实际的例子

function get(url, params = {}) {
    return new Promise((resolve, reject) => {
        axios.get(url, {
            params: params
        })
            .then(response => {
                resolve(response.data);
            })
            .catch(err => {
                reject(err)
            })
    })
}

这里，首先构造了一个promise对象，其中的异步方法是用axios访问后台信息，这个axios.get方法可能会访问成功（返回正常信息），也有可能访问失败（返回异常信息）。这个时候，无论是成功或者失败，都希望把信息传递出去，所以，访问成功，就用resolve方法将成功的信息传递出去，访问失败，就用reject方法将失败的信息传递出去。这两个方法，接受的参数可以是任何值（当然，也可以不传参数）。
对于已经实例化过的 promise 对象可以调用 promise.then() 方法，传递 resolve 和 reject 方法作为回调。
promise.then() 是 promise 最为常用的方法。

promise.then(onFulfilled, onRejected)

promise简化了对error的处理，上面的代码我们也可以这样写：

promise.then(onFulfilled).catch(onRejected)

接下来就是调用get方法：

get(xxxx,{})
	.then(result => { do something })
	.catch(err=> { do something });

这里，调用get方法，获得的是一个Promise对象，然后调用then方法，这里的result就是resolve(response.data)中传递的response.data；而调用catch方法，err就是reject(err)中传递的err。

Promise.resolve方法，Promise.reject方法

将现有对象转为Promise对象，可以使用Promise.resolve方法或Promise.reject方法：

Promise.resolve('fyk').then(function(value){
    console.log(value); // 打印出fyk
});

通过resolve转化成的Promise对象，直接就进入了fulfilled(完成)状态；

Promise.reject('fyk').catch(function(error){
    console.log(error);// 打印出fyk
});

通过reject转化成的Promise对象，直接就进入了rejected(拒绝)状态；