1. 程式人生 > 其它 >【前端開發】Promise幾種常見用法

【前端開發】Promise幾種常見用法

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的狀態,而不管是否處理成功。