【前端開發】Promise幾種常見用法
阿新 • • 發佈:2022-03-24
1、Promise.all()
ABC都成功時才能拿到返回值
Promise.alll() 具有併發執行非同步任務的能力。但它的最大問題就是如果引數中的任何一個promise為reject的話,則整個Promise.all() 呼叫會立即終止,導致資料都無法返回。
可以用於介面返回值有依賴的情況下使用
Promise.all([ api.getUserInfo(), //介面 api.getMemberInfo(),//介面 api.getFocusedWechat(),//介面 ]).then(res =>{ if (res[0].code === 0) { console.log('success0') } if (res[1].code === 0) { console.log('success1') } }).catch((res)=> { console.log('errorAll') })
2、Promise.race()
依次執行、最新返回的Promise是成功的即可拿到返回值,後面promie執行失敗即打斷執行
如果最先返回的Promise請求是success狀態,則不管其他請求是否成功,都能獲取到返回值。
const promises = [ new Promise((resolve, reject) => setTimeout(()=> resolve('result'), 100)), // (A) new Promise((resolve, reject) => setTimeout(() => reject('ERROR'), 200)), // (B) new Promise((resolve, reject) => setTimeout(() => resolve('result'), 300)), // (C) ]; Promise.race(promises) .then((result) => assert.equal( // (D) result, 'result'));
3、Promise.allSettled()
ABC全部處理完不管成功失敗都能拿到每個Promise的返回狀態
作用跟Promise.all() 類似,不同點在於,它不會進行短路。也就是說當Promise全部處理完成後,我們可以拿到每個Promise的狀態,而不管是否處理成功。