什么是Promise,Promise的三种状态,Promise的方法

93 阅读2分钟

什么是promise Promise是解决异步编程的一种方案,用同步的写法来进行异步请求,Promise是一个构造函数,用new来创建Promise实例对象,回调函数作为它的参数,该回调函数有两个参数,分别是resolve和reject,resolve异步请求成功执行,reject异步请求失败执行

Promise的三种状态 对象的状态不受外界的影响,状态分别是pending(进行中)、fullfilled(已成功)和rejected(已失败),状态一旦改变,就不会再变,状态改变只有两种可能:从pending到fullfilled或者是从pending到rejected

Promise的方法(4种) Promise有then和catch方法Promise.all()和Promise.race()

then方法请求成功的回调 then方法是构造函数原型上的方法,每次执行then后,返回一个新的Promise实例,那么就代表可以不断的then,形成链式编程

new Promise((resolve,reject)=>{
        setTimeout(()=>{
            //异步请求成功执行   
            resolve(123)
        },3000)
    }).then(res=>{
        console.log(res);  //123
        return 456
    }).then(res1=>{
        console.log(res1); //456
    })

Promise.all()一起处理多个Promise请求,所有的请求成功才成功

​
 // 三个异步都都变成fullfilled   Promise.all([异步1,异步2,异步3])变成fullfilled
      Promise.all([异步1, 异步2, 异步3]).then((res) => {
        // res==[异步1结果,异步2结果,异步3结果]
      })
Promise.race()一起处理多个Promise请求,有一个成功就成功
// 三个异步只要有一个变成fullfilled   Promise.race([异步1,异步2,异步3])就变成fullfilled
      Promise.race([异步1, 异步2, 异步3]).then((res) => {
        // res==[异步1结果,异步2结果,异步3结果]
      })
Promise处理错误的两种方式
第一种是通过catch方式来实现
  new Promise((resolve,reject)=>{
            setTimeout(()=>{
                // 异步请求失败执行
                reject('失败')
            },3000)
        }).then((res)=>{
            //不执行
            console.log(res);
        }).catch(err=>{
            //失败执行
            console.log(err);  // '失败'
        })
第二种是在then中传递两个回调函数,第二个回调是错误信息的回调
   new Promise((resolve,reject)=>{
            setTimeout(()=>{
                // 异步请求失败执行
                reject('失败')
            },3000)
        }).then((res)=>{
            //不执行   
            console.log(res);
        },(err)=>{
            // 失败执行
            console.log(err,'err'); //'失败' 'err'
        })