有需求联系

Information

- 信息浏览 -

ES6---promise详解及用法

2022-12-04 677

一、什么是Promise

Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配(ES8),但是它们是基于promise的),从语法上讲,Promise是一个对象或者说是构造函数,用来封装异步操作并可以获取其成功或失败的结果。

 

二、为什么要使用promise

最重要也是最主要的一个场景就是ajax和axios请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,但是我们下一步要执行的代码依赖于上一次请求返回值,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。 


三、promise的好处

1.可以避免多层异步调用嵌套问题(回调地狱)

2.Promise 对象提供了简洁的API,使得控制异步操作更加容易(js执行机制导致的异步问题)


四、promise的三种状态

Promise对象有三种状态,他们分别是:

1.pending: 等待中,或者进行中,表示还没有得到结果

2.resolved(Fulfilled): 已经完成,表示得到了我们想要的结果,可以继续往下执行

3.rejected: 也表示得到结果,但是由于结果并非我们所愿,因此拒绝执行 

这三种状态不受外界影响,而且状态只能从pending改变为resolved或者rejected,并且不可逆


五、promise的用法 

1.promise的实例方法

①then()得到异步任务的正确结果

②catch()获取异常信息

注意:then方法可以接受两个函数,第一个函数为promise状态为成功的回调函数,第二个函数为promise状态为失败的回调函数(可以不写,一般用catch方法捕获promise状态为失败的异常信息)

 new Promise((resolve, reject) => {
            resolve("111") //resolved(Fulfilled)状态
                // reject("err原因") //rejected状态
        }).then((value) => {
            console.log("成功执行", value)
                // then里面有返回值则继续执行下一个then
            return 123
        }).then((value1) => {
            console.log('@', value1);
            // then里面有返回值则继续执行下一个then
            return ("abcdeft")
        }).then((value2) => {
            console.log('%', value2);
        })
        .catch((err) => {
            // rejected状态时执行
            console.log('#', err);
        });


Copyright © 2024 镇江小蚂蚁信息科技有限公司 All Rights Reserved.