手写Promise.all原理（自己理解的，若有问题没考虑，欢迎留言）

最新推荐文章于 2023-11-25 14:49:47 发布
最新推荐文章于 2023-11-25 14:49:47 发布
阅读量319 收藏
点赞数
文章标签： javascript vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A186G/article/details/123656631
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //模拟异步请求
    let p1 = new Promise((resolve,reject) => {
        setTimeout(() => {
            resolve("p2 Promise模拟数据请求已返回")
        }, 1000);
    })

    //模拟异步请求
    let p2 = new Promise((resolve,reject) => {
        setTimeout(() => {
            resolve("p2 Promise模拟数据请求已返回")
        }, 2000);
    })

    console.time("cost")
    // promise all使用
    Promise.all([p1,p2]).then(res => {
        console.log(res)//每个p都有resolve返回时，才会执行promise all，res才会出来
        console.timeEnd("cost")//记录花费的时间
    })

    // 手写promsie all原理
    function allSelf(arr){
        return new Promise((resolve,reject) => {
            let resArr = []
            for(let i in arr){
                Promise.resolve(arr[i])
                    .then(res => {
                        resArr[i] = res
                        if(resArr.length == arr.length){
                            resolve(resArr)
                        }
                    }).catch(err => {
                        reject(err)
                    })
            }
        })
    }

    //调用自己手写的promise all原理
    console.time("cost")
    allSelf([p1,p2]).then(res => {
        console.log(res)
        console.timeEnd("cost")//记录花费的时间
    })
</script>
</html>

JY-HPS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise.all实现原理
renzhongrui的博客
01-01 9464
Promise.all的使用 1、使用特征 入参是一个数组，可以传基本类型值，也可以传promise对象。 返回结果是一个Promise对象。 入参数组中的每一个都返回成功，才返回成功。 只要有一个执行失败，则返回失败。 2、使用案例 Promise.all([1, read2(file1), 3]).then(data => { console.log(data) },erro...
Promise.all 的原理
weixin_30602505的博客
08-08 162
// all的原理 Promise.all = function(values){ return new Promise((resolve,reject)=>{ let results = []; // 结果数组 let i = 0; let processData = (value,index)=>{ ...
promise.all的原理
qq_38935512的博客
04-13 1407
使用场景 一组列表list中根据id获取后端数据 async let arr =[] try{ this.list.forEach(item => { arr.push(this.getObjectById(item)) }) const res = await Promise.all(arr) // 到此：所有请求都已完成，你可以直接返回或处理 res return res }catch(err){} 这里
手写原理 | Promise.all
weixin_49179577的博客
07-10 411
手写Promise.all
手写promise原理
Alice_124的博客
02-19 421
整体内容概述 实现Promise构造函数 实现Promise.then方法 实现Promise.catch方法 实现Promise.resolve 实现Promise.reject 实现Promise.all方法 实现Promise.race方法 1.实现Promise构造函数 在实现promise构造函数前，我们先看一下平时我们是怎样定义一个promise的 const P = new Promise((res, rej) => { res('ok') }) 我们可以看
js代码-手写promise.all
07-16
下面我们将深入探讨如何手写一个`Promise.all`函数，以及其工作原理和应用场景。 首先，让我们看看`Promise.all`的基本用法。假设我们有以下两个Promise： ```javascript let promise1 = new Promise((resolve, ...
手写Promise.js
11-13
Promise的手写代码，请配合博客《JavaScprit》异步编程（三）深入浅出Promise使用
js代码-手写promise.allSettled
07-14
在这个手写`promise.allSettled`的过程中，我们可以深入理解Promise的工作原理和设计模式。 首先，我们需要明白`Promise.allSettled`的核心功能：当传入的Promise数组中的每个Promise都达到settled状态（即...
手写promise.js
最新发布
02-24
手写promise.js
Promise.all的原理是什么？
weixin_43912756的博客
08-19 657
参考：ES6 Promise用法小结 Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。该方法提供了并行执行异步操作的能力，并且在所有异步操作执行完并且执行结果都是成功的时候才执行回调。 const p = Promise.all([p1, p2, p3]); Promise.all()方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例，如果不是，就会先调用Promise.resolve方法将参数转为 Promise 实例再进一步处
Promise.all()方法的实现
2197
09-13 5561
function promiseAll(promises){ return new Promise(function(resolve,reject){ if(!Array.isArray(promises)){ return reject(new TypeError("argument must be anarray")) } var countNum=0; var pr...
手写 Promise将then方法的参数变成可选参数
往事不回头,余生不将就
09-28 520
前言 ES6的promise中then方法可以不传递参数，是如何实现的呢，在这里来模拟下 //ES6中promise let p2 = new Promise((resolve, reject) => { //成功状态 resolve('success') }); p2.then().then().then(res => { console.log(res); }, error => {}) //打印结果success let p2 = new Promise.
Promise.all() 的原理与实战：简化异步逻辑的不二选择
你若盛开，清风自来
11-25 1719
Promise.all() 方法是 JavaScript 中的一个 Promise 方法，它用于同时处理多个 Promise 对象，并返回一个新的 Promise 对象。这个新的 Promise 对象的状态取决于所有传入的 Promise 对象的状态。Promise.all() 方法的作用是将多个 Promise 对象的状态进行“聚合”，当所有传入的 Promise 对象都完成（fulfilled）时，返回的新 Promise 对象也会完成，并将所有完成的 Promise 对象的结果作为一个数组返回。
实现Promise.all 方法
qq_41709082的博客
11-28 1580
实现Promise.all 方法 1.Promise.all() 方法执行完成之后还是返回一个 promise对象 所以封装方法的时候必须最终返回一个promise对象 function promiseAll(arrayPromise){ return new Promise((resolve,reject)=>{ }) } 2.传入Promise.all方法内的promise数...
promise的方法
qq_44307861的博客
11-09 291
Promise.all 方法，提供了并行执行异步操作的能力，并且在所有异步操作完成之后，统一返回所有结果。all 接收到的是一个数组，数组长度取决于 Promise 的个数。接收一个Promise[]返回一个Promise实例，当所有的 Promise 执行完毕并且都是fulfilled时，该实例的状态才会变为fulfilled只要队列中有一个实例的状态是rejected，那么该实例的状态也会变为rejected如果 Promise 队列中所有的实例状态都是fulfilled，那么。
深入理解Promise.all
singularity（奇点）
03-29 2976
深入理解Promise.all 了解es6的Promise的人应该都听过Promise.all，而且应该是大多数的人都用过Promise.all这个方法。首先Promise.all可以将多个Promise实例包装成一个Promise实例。 let p = Promise.all([p1, p2, p3]) Promise.all方法可以接受一个数组作为参数，数组中的每一项都是一个Promise的对象实例（如果不是，就会先调用Promise.reslove方法，将参数转化为Promise对象实例，再进行下一
面试官问：Promise.all 使用、原理实现及错误处理
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-11 4752
一、Promise概念Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一。Promise.all()接受一个由promise...
使用ES6模拟Promise
张印的博客
06-16 3351
待更新。。。
手写promise.all
04-01
下面是一个简单的手写 Promise.all 实现： ```javascript function promiseAll(promises) { return new Promise((resolve, reject) => { let results = []; let count = 0; promises.forEach((promise, index) => { Promise.resolve(promise).then((result) => { results[index] = result; count++; if (count === promises.length) { resolve(results); } }).catch((error) => { reject(error); }); }); }); } ``` 这个实现创建了一个新的 Promise，通过遍历 promises 数组，将每个 promise 转为一个 resolved 状态的 promise，并在每个 resolved promise 返回结果时保存结果到 results 数组中。当所有的 promise 都返回结果时，将 results 数组作为 Promise.all 的返回值 resolve。如果其中一个 promise 出现错误，则直接 reject。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值