一、Pomise.all的使用

Promise.all可以將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise實(shí)例。同時(shí)，成功和失敗的返回值是不同的，成功的時(shí)候返回的是一個(gè)結(jié)果數(shù)組，而失敗的時(shí)候則返回最先被reject失敗狀態(tài)的值。

let p1 = new Promise((resolve, reject) => {resolve('成功了') })let p2 = new Promise((resolve, reject) => {resolve('success') })let p3 = Promse.reject('失敗了')Promise.all([p1, p2]).then((result) => {console.log(result) //['成功了', 'success'] }).catch((error) => {console.log(error) })Promise.all([p1,p3,p2]).then((result) => {console.log(result) }).catch((error) => {console.log(error) // 失敗了，打出 '失敗了' })

Promse.all在處理多個(gè)異步處理時(shí)非常有用，比如說(shuō)一個(gè)頁(yè)面上需要等兩個(gè)或多個(gè)ajax的數(shù)據(jù)回來(lái)以后才正常顯示

let wake = (time) => {return new Promise((resolve, reject) => {setTimeout(() => {resolve(`${time / 1000}秒后醒來(lái)`)}, time)}) }let p1 = wake(3000) let p2 = wake(2000)Promise.all([p1, p2]).then((result) => {console.log(result) // [ '3秒后醒來(lái)', '2秒后醒來(lái)' ] }).catch((error) => {console.log(error) })

當(dāng)并發(fā)請(qǐng)求中有錯(cuò)誤返回時(shí)，整個(gè)請(qǐng)求就返回error信息?

let p1 = new Promise((resolve, reject) => {setTimeout(() => {resolve('success')},500) })let p2 = new Promise((resolve, reject) => {setTimeout(() => {reject('failed')}, 10000) }) Promise.all([p1, p2]).then((result) => {console.log(result) }).catch((error)=>{console.log(error) // failed })

需要特別注意的是，Promise.all獲得的成功結(jié)果的數(shù)組里面的數(shù)據(jù)順序和Promise.all接收到的數(shù)組順序是一致的，即p1的結(jié)果在前，即便p1的結(jié)果獲取的比p2要晚。這帶來(lái)了一個(gè)絕大的好處：在前端開發(fā)請(qǐng)求數(shù)據(jù)的過(guò)程中，偶爾會(huì)遇到發(fā)送多個(gè)請(qǐng)求并根據(jù)請(qǐng)求順序獲取和使用數(shù)據(jù)的場(chǎng)景，使用Promise.all毫無(wú)疑問(wèn)可以解決這個(gè)問(wèn)題。

二、Promise.race的使用

顧名思義，Promse.race就是賽跑的意思，意思就是說(shuō)，Promise.race([p1, p2, p3])里面哪個(gè)結(jié)果獲得的快，就返回那個(gè)結(jié)果，不管結(jié)果本身是成功狀態(tài)還是失敗狀態(tài)。

let p1 = new Promise((resolve, reject) => {setTimeout(() => {resolve('success')},1000) })let p2 = new Promise((resolve, reject) => {setTimeout(() => {reject('failed')}, 500) })Promise.race([p1, p2]).then((result) => {console.log(result) }).catch((error) => {console.log(error) // 打開的是 'failed' })

原理是挺簡(jiǎn)單的，但是在實(shí)際運(yùn)用中，比如一個(gè)場(chǎng)景：直播路線，給用戶發(fā)最快的那個(gè)路線。

總結(jié)

以上是生活随笔為你收集整理的promise并发的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。