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);
    });

有一个失败

目录
相关文章
|
8月前
|
前端开发
【面试题】吃透Promise?先实现一个再说(包含所有方法)(二)
【面试题】吃透Promise?先实现一个再说(包含所有方法)(二)
|
8月前
|
存储 运维 前端开发
【面试题】吃透Promise?先实现一个再说(包含所有方法)(一)
【面试题】吃透Promise?先实现一个再说(包含所有方法)(一)
|
前端开发
62 # 借用 promise 写成类的方法
62 # 借用 promise 写成类的方法
38 0
|
前端开发
21 # 实现 promise 的 race 方法
21 # 实现 promise 的 race 方法
61 0
|
2月前
|
前端开发 索引
Promise.all() 方法的参数可以是什么类型?
综上所述,`Promise.all()` 方法的参数类型较为灵活,但无论使用哪种类型的可迭代对象作为参数,其核心的异步操作处理逻辑和成功失败的判断机制都是一致的,都是为了方便地处理多个异步操作的并发执行和结果汇总。
|
3天前
|
前端开发 JavaScript
除了使用Polyfill,还有其他解决Promise.allSettled()兼容性问题的方法吗?
除了使用Polyfill,还有其他解决Promise.allSettled()兼容性问题的方法吗?
105 81
|
3天前
|
前端开发 JavaScript
Promise.allSettled()方法的语法是什么?
Promise.allSettled()方法的语法是什么?
115 79
|
2月前
|
存储 前端开发
除了 Promise.all(),还有哪些方法可以处理异步并发操作?
在上述示例中,`concurrentPromises` 函数接受一个Promise数组和最大并发数作为参数,通过手动控制并发执行的Promise数量,实现了对异步操作的并发控制,并在所有Promise完成后返回结果数组。
|
3天前
|
Web App开发 前端开发 JavaScript
Promise.allSettled()方法的兼容性如何?
Promise.allSettled()方法的兼容性如何?
115 75
|
2月前
|
前端开发
Promise.allSettled()方法和Promise.race()方法有什么区别?
`Promise.allSettled()` 提供了一种更全面、更详细的方式来处理多个 `Promise`,而 `Promise.race()` 则更强调速度和竞争。我们需要根据具体的需求来选择使用哪种方法。