Promise對(duì)象all與race方法手寫示例

更新時(shí)間：2022年12月11日 10:13:28 作者：大眼睛圖圖

這篇文章主要為大家介紹了Promise對(duì)象all與race方法手寫示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

前言

在理解了手寫promsie.then的方法后，再來看它的其他方法，感覺真的簡(jiǎn)單了不少。

Promise.all

介紹

Promise.all()方法用于將多個(gè) Promise 實(shí)例，包裝成一個(gè)新的 Promise 實(shí)例。

  const p = Promise.all([p1, p2, p3]);

上面代碼中，Promise.all()方法接受一個(gè)數(shù)組作為參數(shù)，p1、p2、p3都是 Promise 實(shí)例。另外，Promise.all()方法的參數(shù)可以不是數(shù)組，但必須具有 Iterator 接口，且返回的每個(gè)成員都是 Promise 實(shí)例。

p的狀態(tài)由p1、p2、p3決定，分成兩種情況。

（1）只有p1、p2、p3的狀態(tài)都變成fulfilled，p的狀態(tài)才會(huì)變成fulfilled，此時(shí)p1、p2、p3的返回值組成一個(gè)數(shù)組，傳遞給p的回調(diào)函數(shù)。

（2）只要p1、p2、p3之中有一個(gè)被rejected，p的狀態(tài)就變成rejected，此時(shí)第一個(gè)被reject的實(shí)例的返回值，會(huì)傳遞給p的回調(diào)函數(shù)。

手寫

返回一個(gè)Promsie對(duì)象

const promiseAll = (array) => {
    return new Promise((resolve, reject) => {
    })
}

判斷傳入的是數(shù)組

const promiseAll = (array) => {
    if (!Array.isArray(array)) {
        throw new Error('要傳入數(shù)組')
    }
    return new Promise((resolve, reject) => {
    }
}

遍歷數(shù)組，再判斷數(shù)組中每個(gè)元素是否為Promsie對(duì)象的實(shí)例，并對(duì)此分情況處理

const promiseAll = (array) => {
    if (!Array.isArray(array)) {
        throw new Error('要傳入數(shù)組')
    }
    return new Promise((resolve, reject) => {
        let result = [];
        array.forEach((item, index) => {
            if (item instanceof Promise) {
                item.then(res => {
                    result[index] = res
                },
                    err => { return reject(err) })
            } else {
                result[index] = item
            }
        })
    })
}

設(shè)置一個(gè)計(jì)數(shù)器count,當(dāng)遍歷完了所有數(shù)組里面的值，就把result數(shù)組打印出來

const promiseAll = (array) => {
    if (!Array.isArray(array)) {
        throw new Error('要傳入數(shù)組')
    }
    return new Promise((resolve, reject) => {
        let result = [];
        let count = 0;
        array.forEach((item, index) => {
            if (item instanceof Promise) {
                item.then(res => {
                    result[index] = res
                    count++;
                    if (count == array.length) {
                        return resolve(result)
                    }
                },
                    err => { return reject(err) })
            } else {
                result[index] = item
                count++;
                if (count == array.length) {
                    return resolve(result)
                }
            }
        })
    })
}

Promise.race

介紹

Promise.race()方法同樣是將多個(gè) Promise 實(shí)例，包裝成一個(gè)新的 Promise 實(shí)例。

const p = Promise.race([p1, p2, p3]);

上面代碼中，只要p1、p2、p3之中有一個(gè)實(shí)例率先改變狀態(tài)，p的狀態(tài)就跟著改變。那個(gè)率先改變的 Promise 實(shí)例的返回值，就傳遞給p的回調(diào)函數(shù)。

手寫

返回一個(gè)Promise對(duì)象

let promiseRace = (array) => {
    return new Promise((resolve, reject) => {
    })
}

判斷傳入的參數(shù)是否為數(shù)組

let promiseRace = (array) => {
    if (!Array.isArray(array)) {
        throw new Error('要返回?cái)?shù)組')
    }
    return new Promise((resolve, reject) => {
    })
}

遍歷數(shù)組，再判斷數(shù)組中每個(gè)元素是否為Promsie對(duì)象的實(shí)例,再對(duì)此分情況處理

let promiseRace = (array) => {
    if (!Array.isArray(array)) {
        throw new Error('要返回?cái)?shù)組')
    }
    return new Promise((resolve, reject) => {
        array.forEach((item) => {
            if (item instanceof Promise) {
                item.then(res => {
                    return resolve(res)
                },
                    err => reject(err))
            } else {
                return resolve(item)
            }
        })
    })
}

參考文檔

Promise 對(duì)象 - Promise.any()

以上就是Promise對(duì)象all與race方法手寫示例的詳細(xì)內(nèi)容，更多關(guān)于Promise對(duì)象all race方法的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: