promise
目的:
1 避免回调地狱
2 promise对象提供了简洁的API,使得控制异步操作更容易
promise的三种状态:
pendding: 正在请求
reject: 失败
resolved: 成功
基础用法:
const promise = new Promise(function(resolve,reject){if(reslove){}else{}})
resolve,reject函数:在异步状态pendding==》resolved回调成功时,通过调用resolved函数返回结果,异步操作失败时,回调用rejected显示错误信息
.then 用法:
then中传了两个参数,第一个对应resolve的回调,第二个对应reject的回调
p.then((data) => { console.log("reslove" , data)},(err)=>{console.log('reject',data)})
catch 方法:
捕捉promise错误函数,和then函数参数中rejected作用一样,处理错误,由promise 抛出错误具有冒泡性质,能够不断传递,会到catch中,所以错误处理放在catch中,then中只处理成功的信息。
p.then((data)=>{console.log("resolved",data)}).catch((err)=>{console.log('rejected',err)})
all 方法:
Promise.all( [promise1,promise2] )------- 参数是对象数组。以慢为准:等数组中所有的promise对象状态为resolved时,该对象就为resolved;只要数组中有任意一个promise对象状态为rejected时,该对象就是rejected
eg:
let p = Promise.all( [promise1,promise2] )
p.then((data)=>{ console.log( "所有的promise都成功拿到数据" ) })
.catch((err)=>{console.log( "只要有一个promise失败就显示失败" )})
rece方法:
Promise.rece( [promise1,promise2] )-------参数是对象数组。以快为准,数组中所有的promise对象中,有一个先执行了何种状态,该对象就为何种状态,并执行相应函数