Promise的基本使用

作用

用来优化异步代码的写法

Promise的基本使用

var p1 = new Promise(function(resolve,reject){
     //异步操作 resolve(obj1)  或者 reject(obj2)
});
p1.then(function(rs){
    // 如果p1的状态是resolved，则then中的函数
    //会执行，且obj1的值会传给rs
}).catch(function(rs){
    // 如果p1的状态是reject，则catch中的函数
    //    会执行，且obj2的值会传给rs
}).finally(function(){
    // 一定会执行的函数
}) 

构造器

• new一个promise
• 参数是一个回调函数
• 回调函数里面有两个参数resolve(成功)和reject(失败)
• 这里面的两个参数也是函数,可以调用
• 会有返回值

const p1 = new Promise(function(resolve,reject){
  // 执行异步代码
  // 调用resolve,或者reject
});
console.dir(p1) 

三种状态和值

初始状态 pending

它的意思是待定的，即将发生的，相当于是一个初始的对象，创建promise对象的时候，没有调用reject或者resolve方法的时候，相当于是初始状态，这个状态会随着函数的resolve或reject的调用发生变化

const p1 = new Promise(function(resolve,reject){
//不调用就是初始状态pending
});
console.dir(p1) 

成功状态 resolved

也有叫做fulfilled，resolved，表示解决了，就是说这个承诺实现了，要实现从pending到resolved转变，需要在创建promise的对象的时候，在函数体中调用resolve的方法即可

 const p = new Promise((resolve, reject) => {
        //调用resolve的方法
            resolve()
        })
        console.dir(p) 

失败状态 rejected

rejected表示这个承诺没有做到，失败了，要实现从pending到rejected转变，需要在创建promise的对象的时候，在函数体中调用reject的方法即可

 const p = new Promise((resolve, reject) => {
            reject()
        })
        console.dir(p) 

小结：

• 状态是可以转化的

最初创建promise对象时，默认状态是pending，如果在函数体内部调用了第一个参数对应的函数，则状态变成了resolved；如果调用了第二个参数对应的函数，则状态变成了rejected

• 状态转换是不可逆的

一旦从pending —> resolved（或者是rejected），就不可能再回到pending，也不能由resolved变成rejected

promise是可以进行传值的

在构造器中，这个值在调用resolve或者reject方法的时候传入
例如：

 const p = new Promise((resolve, reject) => {
            resolve(100)
        })
        console.dir(p) 

<