基礎知識

  testPromise() {
    let p = new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('執(zhí)行完成')
        resolve('我成功了')
        // reject('我失敗了')
      }, 2000);
    })
    return p
  },

// 調(diào)用
 this.testPromise().then(res => {
      console.log(res)
    }).catch(err => {
      console.log(err)
    })

Promise的三種狀態(tài)：pending(待定) 、fulfilled(已執(zhí)行) 、rejection(已拒絕)
一個構造函數(shù)：new Promise
兩個實例方法：.then 對應fulfilled .catch對應rejection
兩個常用方法：Promise.all、Promise.race

使用promise避免回調(diào)地獄

// 日常回調(diào)地獄
getData1(data1 => {
  getData2(data1, data2 => {
    getData3(data2, data3 => {
      getData4(data3, data4 => {
        getData5(data4, data5 => {
          // 終于取到data5了
        })
      })
    })
  })
})

// 使用Promise避免回調(diào)地獄
getData1()
.then(getData2)
.then(getData3)
.then(getData4)
.then(getData5)
.then(data => {
  // 取到最終data了
})
})

相關函數(shù)

1. Promise.all

Promise.all([this.testPromise(), this.testPromise1(), this.testPromise2()]).then(res => {
      console.log('--------------promise.all success-----------', res)
    }).catch(err => {
      console.log('--------------promise.all fail-----------', err)
    })

并行執(zhí)行異步操作的能力，會在所有異步操作執(zhí)行完后才執(zhí)行回調(diào)。如果都執(zhí)行成功，就會執(zhí)行then的回調(diào)；如果有一個執(zhí)行失敗，就會執(zhí)行catch的回調(diào)。

2. Promise.race
   all方法的效果實際上是「誰跑的慢，以誰為準執(zhí)行回調(diào)」，那么相對的就有另一個方法「誰跑的快，以誰為準執(zhí)行回調(diào)」，即Promise.race。使用場景

參考

大白話講解Promise（一） - 呂大豹 - 博客園 (cnblogs.com)