Promise
Promise是一种异步编程解决方案,是一个容器,保存着将来才会执行的代码;从语法角度来说Promise是一个对象,可以用来获取异步操作的消息。优点:异步操作,同步解决,避免了层层嵌套的回调函数,可以链式调用,降低了操作难度。
实例化
Promise构造函数接收一个函数作为参数,也就是回调函数;该函数的两个参数分别是resolve和reject。resolve作为成功的回调函数,reject作为失败的回调函数。Promise对象代表一个异步操作有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。最后返回resolved(已定型)结果。
实例方法
定义在Promise.prototype中的方法,通过Promise实例可以直接调用
-
then(res=>{})
状态由pending变为fulfilled的时候也就是异步操作成功之后执行该回调函数
参数:回调函数,回调函数的参数为resolve函数传递过来的值
返回值:返回一个新的Promise实例对象,因此可以使用链式调用 -
catch(err=>{})
状态由pending变为rejected的时候也就是异步操作失败之后执行该回调函数
参数:回调函数,回调函数的参数为reject函数传递过来的值
返回值:返回一个新的Promise实例对象,因此可以使用链式调用 -
finally()
无论异步操作执行成功失败与否,都会执行该回调
参数:回调函数
返回值:返回一个新的Promise实例对象// 1.创建promise对象 let p1=new Promise((resolve,reject)=>{ // resolve,reject是回调函数 // resolve函数是promise对象最终状态为成功状态 //reject函数是promise对象最终状态为失败状态 //非异步 //假设异步操作执行成功,修改promise对象状态为成功状态 if(3>2){ resolve('success') // resolve 由then方法提供 }else{ //假设异步操作执行失败,修改promise对象状态为失败状态 reject('error') // reject 由catch方法提供 } }) //如何提供resolve和reject函数 //在promise原型里有then和catch // 1.then方法表示的是成功之后的回调,对应resolve // 2.catch方法表示的是失败之后的回调,对应reject p1.then((res)=>{ console.log(res,'成功回调') }).catch((error)=>{ console.log(error,'失败回调') }).finally(()=>{ console.log('最终执行') }) //如果then里面传了两个回调函数,第一个代表成功之后的回调,第二个代表失败之后的回调,分别代表resolve()和reject() p1.then((res)=>{ console.log(res,'成功') },(err)=>{ console.log(res,'失败') });
静态方法
定义在Promise中的方法,通过Promise可以直接调用
-
Promise.all([p1,p2])
参数:数组(数组中的元素为Promise实例)
返回值:Promise实例,当p1,p2状态都为fulfilled时候,该实例的状态才为fulfilled,此时p1,p2的返回值组成一个数组,传递给该实例的回调函数;只要p1,p2的返回值有一个变为rejected,该实例状态为rejected; -
Promise.race([p1,p2])
参数:数组(数组中的元素为Promise实例)
返回值:Promise实例,当p1,p2之中有一个实例率先改变状态,该实例的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给该实例的回调函数。 -
Promise.any([p1,p2])
参数:数组(数组中的元素为Promise实例)
返回值:Promise实例,只要p1,p2状态有一个变为fulfilled,该实例的状态为fulfilled;p1,p2状态都变为rejected,该实例状态才为rejected