資訊專欄INFORMATION COLUMN
摘要：可迭代對象遍歷可以采用下標循環(huán)，遍歷和就無法使用下標。這帶來了一個絕大的好處在前端開發(fā)請求數(shù)據(jù)的過程中，偶爾會遇到發(fā)送多個請求并根據(jù)請求順序獲取和使用數(shù)據(jù)的場景，使用毫無疑問可以解決這個問題。
JavaScript的世界中，所有代碼都是單線程執(zhí)行的。異步執(zhí)行可以用回調(diào)函數(shù)實現(xiàn)，但是某些場景并不好用，且不易復(fù)用。Promise對象這種鏈式寫法的好處在于，先統(tǒng)一執(zhí)行邏輯，不關(guān)心如何處理結(jié)果，然后，根據(jù)結(jié)果是成功還是失敗，在將來的某個時候調(diào)用success函數(shù)或fail函數(shù)。Pomise.all的使用
Promise.all可以將多個Promise實例包裝成一個新的Promise實例。同時，成功和失敗的返回值是不同的，成功的時候返回的是一個結(jié)果數(shù)組，而失敗的時候則返回最先被reject失敗狀態(tài)的值。
Promise.all中傳入的是數(shù)組，返回的也是是數(shù)組，并且會將進行映射，傳入的promise對象返回的值是按照順序在數(shù)組中排列的，但是注意的是他們執(zhí)行的順序并不是按照順序的，除非可迭代對象為空。
可迭代對象：
遍歷Array可以采用下標循環(huán)，遍歷Map和Set就無法使用下標。為了統(tǒng)一集合類型，ES6標準引入了新的iterable類型，Array、Map和Set都屬于iterable類型。具有iterable類型的集合可以通過新的for ... of循環(huán)來遍歷。
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在處理多個異步處理時非常有用，比如說一個頁面上需要等兩個或多個ajax的數(shù)據(jù)回來以后才正常顯示，在此之前只顯示loading圖標。
代碼模擬：let wake = (time) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(`${time / 1000}秒后醒來`)
}, time)
})
}
let p1 = wake(3000)
let p2 = wake(2000)
Promise.all([p1, p2]).then((result) => {
console.log(result) // [ "3秒后醒來", "2秒后醒來" ]
}).catch((error) => {
console.log(error)
})
需要特別注意的是，Promise.all獲得的成功結(jié)果的數(shù)組里面的數(shù)據(jù)順序和Promise.all接收到的數(shù)組順序是一致的，即p1的結(jié)果在前，即便p1的結(jié)果獲取的比p2要晚。這帶來了一個絕大的好處：在前端開發(fā)請求數(shù)據(jù)的過程中，偶爾會遇到發(fā)送多個請求并根據(jù)請求順序獲取和使用數(shù)據(jù)的場景，使用Promise.all毫無疑問可以解決這個問題。
Promise.race的使用顧名思義，Promse.race就是賽跑的意思，意思就是說，Promise.race([p1, p2, p3])里面哪個結(jié)果獲得的快，就返回那個結(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"
})
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103932.html
摘要：實例生成以后，用方法分別指定狀態(tài)和狀態(tài)的回調(diào)函數(shù)。則是或的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)。上述代碼也可以理解成這樣處理和前一個回調(diào)函數(shù)運行時發(fā)生的錯誤發(fā)生錯誤方法用于指定不管對象最后狀態(tài)如何，都會執(zhí)行的回調(diào)函數(shù)。 什么是promise？ Promise（承諾），在程序中的意思就是承諾我過一段時間（通常是一個異步操作）后會給你一個結(jié)果，是異步編程的一種解決方案。從語法上說，原生Pro...
摘要：可信任性確定性在解決上述的回調(diào)函數(shù)的問題之前，有必要先來認識一下的一些主要方法的起點執(zhí)行結(jié)果依次是，，，代碼解讀以上代碼體現(xiàn)了的如下特性一旦決議調(diào)用過一次或者就不再重復(fù)調(diào)用決議回調(diào)或者改變決議回調(diào)。 通過回調(diào)來理解Promise 我們都知道Promise的出現(xiàn)是為了規(guī)避回調(diào)地獄的，由此，我們先來深入了解一下回調(diào)的缺陷： 回調(diào) 1、缺乏信任 2、不確定性 Example var mo...
摘要：執(zhí)行完成接收一個函數(shù)作為參數(shù)，函數(shù)有兩個參數(shù)，和分別表示異步操作執(zhí)行后成功的回調(diào)函數(shù)和失敗的回調(diào)函數(shù)。所以通常采用一個函數(shù)包含它執(zhí)行完成可以使用異步操作中的數(shù)據(jù)執(zhí)行完調(diào)用方法，就相當于我們之前寫的回調(diào)函數(shù)。 基本概念 個人理解就是使用同步編程的寫法完成異步編程操作。 const promise = new Promise((resolve, reject) => { //som...
摘要：對于的來說基元函數(shù)包括組合函數(shù)的類型簽名返回情況完成如果傳入的可迭代對象為空，會同步地返回一個已完成狀態(tài)的。相反，如果是在指定的時間之后完成，剛返回結(jié)果就是一個拒絕狀態(tài)的從而觸發(fā)方法指定的回調(diào)函數(shù)。在行中，對每個小任務(wù)得到的結(jié)果進行匯總。 為了保證的可讀性，本文采用意譯而非直譯。 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ 從ES6 開始，我們大都使用的是 P...
摘要：應(yīng)用把一個異步操作和定時器放在一起。如果定時器先觸發(fā)就提示用戶超時用戶超時什么是值穿透或者期望傳入一個函數(shù)如果不是函數(shù)會發(fā)生值穿透和的第二個參數(shù)的區(qū)別比較類似是一個語法糖相當于還有一點區(qū)別就是如果第一個報錯第二個無法捕獲。 Promise使用細節(jié) 使用promise需要注意的幾點: 1.如何用promise實現(xiàn)并行的異步 (Promise.all配合.map) Promise.all...
閱讀 1282·2023-04-26 01:38
閱讀 1474·2021-11-15 11:39
閱讀 3264·2021-09-22 15:43
閱讀 2664·2019-08-30 15:55
閱讀 2060·2019-08-30 14:17
閱讀 2863·2019-08-29 14:16
閱讀 3074·2019-08-26 18:36
閱讀 2620·2019-08-26 12:19
