20 # 实现 promise 的 all 方法

简介: 20 # 实现 promise 的 all 方法

比如我们需要同时读取数据在返回

const fs = require("fs").promises;
fs.readFile("./file/name.txt", "utf-8").then((data) => {
    console.log("data--name-->", data);
});
fs.readFile("./file/age.txt", "utf-8").then((data) => {
    console.log("data--age-->", data);
});

下面实现一个 all 方法进行并发

const fs = require("fs").promises;
// 检查是否是 promise,不使用 instanceof 的原因是因为可能是别人实现的类
const isPromise = (value) => typeof value.then === "function";
Promise.all = function (promises) {
    return new Promise((resolve, reject) => {
        // 遍历数组 依次拿到执行结果,需要将索引跟数据对应起来
        let arr = [];
        let index = 0;
        const processData = (key, data) => {
            arr[key] = data;
            // 不能使用数组的长度来计算,写成 arr.length === promises.length 是有问题的,应该采用 index 自增的方式处理
            if (++index === promises.length) {
                resolve(arr);
            }
        };
        for (let i = 0; i < promises.length; i++) {
            let result = promises[i];
            if (isPromise(result)) {
                result.then((data) => {
                    processData(i, data);
                }, reject);
            } else {
                processData(i, result);
            }
        }
    });
};

all 有一个失败就会失败,由于是并发,promise 缺陷默认无法中断,只是不采用返回的结果

Promise.all([fs.readFile("./file/name.txt", "utf-8"), fs.readFile("./file/age.txt", "utf-8"), 666])
    .then((data) => {
        console.log("data--name--age-->", data);
    })
    .catch((err) => {
        console.log("err---->", err);
    });

有一个失败

目录
相关文章
|
5月前
|
前端开发
在什么场景下适合使用 Promise.race() 方法?
在什么场景下适合使用 Promise.race() 方法?
268 68
|
5月前
|
前端开发
如何使用 Promise 的 all 方法?
如何使用 Promise 的 all 方法?
517 63
|
5月前
|
前端开发
如何使用 Promise 的 race 方法?
如何使用 Promise 的 race 方法?
270 62
|
8月前
|
前端开发
在Promise链中,如果前面的catch方法没有捕获到错误,后面的catch方法还会执行吗?
在Promise链中,如果前面的catch方法没有捕获到错误,后面的catch方法还会执行吗?
194 58
|
8月前
|
前端开发
在Promise链中是否可以多次使用catch方法?
在Promise链中是否可以多次使用catch方法?
204 58
|
8月前
|
前端开发
Promise有哪些常用的方法?
Promise有哪些常用的方法?
183 58
|
8月前
|
前端开发
如何在不使用catch方法的情况下处理Promise.reject()抛出的错误?
如何在不使用catch方法的情况下处理Promise.reject()抛出的错误?
294 57
|
9月前
|
前端开发 JavaScript
除了使用Polyfill,还有其他解决Promise.allSettled()兼容性问题的方法吗?
除了使用Polyfill,还有其他解决Promise.allSettled()兼容性问题的方法吗?
234 81
|
9月前
|
前端开发 JavaScript
Promise.allSettled()方法的语法是什么?
Promise.allSettled()方法的语法是什么?
285 79
|
9月前
|
Web App开发 前端开发 JavaScript
Promise.allSettled()方法的兼容性如何?
Promise.allSettled()方法的兼容性如何?
499 75