JS原生实现Promise.all

原创 已于 2022-09-23 10:57:34 修改 · 2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript

于 2020-11-12 23:49:03 首次发布
本文介绍了如何使用JavaScript原生代码实现Promise.all功能。在面试中遇到此问题后，作者详细研究了Promise.all的工作原理，并分享了实现该功能的详细步骤，包括当所有Promise都解析或有一个Promise被拒绝时的处理机制。

旦旦最近开始找工作啦~~~~~
今天遇到一个挺有意思的面试题，让我用js原生实现Promise.all
因为不熟悉这个API，所以当时只是实现了全部resolve后执行回调这个功能
回来后又看了下Promise.all的详细规则和使用方法，做了亿点改进

Promise.all描述

  1. Promise.all(iterable) 方法返回一个 Promise 实例
  2. 此实例在 iterable 参数内所有的 promise 都“完成（resolved）”或参数中不包含 promise 时回调完成（resolve）
  3. 如果参数中 promise 有一个失败（rejected），此实例回调失败（reject），失败的原因是第一个失败 promise 的结果

JS实现all方法

function all(iterableArr) {
   
   
  // 返回一个promise实例(符合第一条规则)
  return new Promise((resolve, reject) => {
   
   
    // resArr用来存储所有resolve的promise的res
    // resolveCount用来记录成功的reolve次数
    const resArr = [
最低0.47元/天 解锁文章
js系列四十三: Promise.all和Promise.race
人生代码 ---- 公众号
04-15 1149
Promise.all 当有一个Ajax请求时,他的参数需要另外两个甚至更多个请求都有返回值之后才能确定时,就需要用到Promise.all来帮助我们应对这个场景. Promise.all接受一个Promise对象组成的数组作为参数,当这个数组中所有的Promise对象状态都变成resolve或者reject时,他才会调用then方法. var url; var url1; function re...
【手写 Promise 源码】第十一篇 - Promise.all 的实现
BraveWangDev
01-31 1813
本篇，主要实现 Promise 的核心静态 API（类方法）：Promise.all，主要涉及以下几个点：1，测试原生 Promise.all 的使用；2，Promise.all 的功能与特性分析；3，Promise.all 的源码实现、执行分析、功能测试；
JS手写实现Promise.all
wangliuqi123的博客
05-10 404
function promiseAll(promises) { // 保存所有结果 let result = []; // 统计是否全部执行完毕 let count = 0; return new Promise((resolve, reject) => { for(let i = 0; i < promises.length; i++) { count++; promises[i].then(fu.
js代码-基于Promise对象实现Promise.all方法(Promise)
07-15
js代码-基于Promise对象实现Promise.all方法(Promise)
JS实战：基于Promise对象手写实现Promise.all方法
最新发布
weixin_28931449的博客
10-02 1083
在现代异步编程实践中，是一个至关重要的组合式工具函数，它使得开发者能够以声明式的方式处理多个并发的异步任务。其设计哲学在于“聚合成功”——即只有当所有参与的 Promise 都成功完成时，整体才算成功；只要其中任意一个失败，则整个操作立即失败。这种行为模式不仅提升了代码的表达能力，也对系统响应性、错误传播机制和资源调度策略产生了深远影响。深入理解的语义结构、执行模型以及与其他 Promise 组合方法的区别，是构建健壮异步流程控制体系的基础。
JavaScript 中的 Promise.all
RumbleWx的博客
05-07 1835
Promise.all是一个静态方法，它接收一个Promise对象数组作为参数，并返回一个新的Promise对象。这个新的Promise对象在传入的所有Promise对象都解决（resolve）时解决，或者其中一个Promise对象被拒绝（reject）时被拒绝。
js 实现 Promise.All
Principal_Z的博客
09-07 929
【代码】js 实现 Promise.All。
js代码-手写promise.all
07-16
现在，你可以像使用原生`Promise.all`一样使用`myPromiseAll`函数。这个实现的关键在于它利用了Promise链的特性，当一个Promise解析或拒绝时，它会触发后续链式调用。 `Promise.all`在实际开发中非常有用，例如： ...
原生实现一个promise.all
08-19
### 实现原生 JavaScript 的 `Promise.all` `Promise.all` 是 JavaScript 中处理多个 Promise 的常用方法。它接收一个 Promise 可迭代对象（如数组），并返回一个新的 Promise。该新 Promise 在所有输入的 Promise ...
【js】实现promise.all方法
weixin_50636536的博客
12-29 669
【代码】【js】实现promise.all方法。
js promise.all
m0_59070120的博客
06-29 6464
let d= promise.all（[a,b,c]）接受一个promise数组，只有数组里面的promise全部成功才返回成功，要不就失败只有a、b、c的状态都变成fulfilled，d的状态才会变成fulfilled，此时a、b、c的返回值组成一个数组，传递给d的回调函数。 只要a、b、c之中有一个被rejected,d的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。面试题函数c在函数a和b执行完后才执行就使用promise.alllet a=function
JS手写Promise以及promise.all方法
2301_80659102的博客
09-24 1805
Promise是处理异步的一种方式，解决了回调地狱的问题。Promise有三种状态：1.pending（待定）：初始状态。2.fulfilled（已兑现）：表示异步操作成功，返回一个返回值。3.rejected（已拒绝）：表示异步操作失败，返回一个错误原因。
js原生实现promise.all和promise.race
qq_42880714的博客
04-27 1133
promise.all() 使用一个计数器计算所有的promise对象的个数， const all = function (iterable) { return new Promise((resolve,reject)=>{ let count = 0,ans = new Array(count) for(const i in iterable){ ...
JS | Promise.all
GC怪兽的Blog
07-31 624
Testing function getURL(URL) { return new Promise(function (resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', URL, true); req.onload = function () { if (req.status === ...
详细分析Js中的Promise.all基本知识（附Demo）
热门推荐
码农研究僧的博客
03-19 1万+
Promise.all 是 JavaScript 中的一个方法，它接受一个由 Promise 对象组成的数组作为参数，并在所有 Promise 对象都变为 resolved（已完成）状态时才返回一个新的 Promise 对象，这个新的 Promise 对象的状态也变为 resolved，其值是一个包含了所有 Promise 对象结果的数组
面试总结 - 实现一个promise.all 7.js
不营养、的博客
07-02 1205
promise.all 返回一个promise，then的结果要和promise.all输入的结果顺序一致。若有reject，则按promise.all 输入的顺序，第一个reject被弹出。 /** * 实现一个 promise.all() */ Promise.all1 = function (promises) { let results = new Array(); retur...
JS Promise.all 的实现方式-学习记录
爱主机-主机测评-主机优惠-主机教程-CSDN站
05-14 2527
先说一下Promise.all的函数功能： Promise.all()静态方法创建的期约会在一组期约全部解决之后再解决。这个静态方法接收一个 可迭代对象，返回一个新期约； <JS高级程序设计> 这个方法就是说，如果all 接收的期约中，所有的期约都resolve 了，那么就返回这些结果。而且，返回的结果中，解决的数据和传入期约时的顺序是对应的； 但是如果其中有一个reject了，那么all()函数就会返回一个状态为reject的期约。 应用场景 常用于顺序请求多批数据的场景。 代
JavaScript | 手写代码实现 Promise.all 方法
weixin_44589540的博客
07-15 423
JavaScript 实现 Promise.all 方法 function myPromiseAll(list) { let resArray = []; let count = 0; return new Promise((resolve, reject) => { list.forEach((item) => { item.then((res) => { resArray.push(res); count++;
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值