JavaScript教程|promise.all,allettled,polyfill,race,any,resolve,reject,promisification.

最新推荐文章于 2024-04-11 20:17:42 发布
最新推荐文章于 2024-04-11 20:17:42 发布
阅读量902 收藏 19
点赞数 23
分类专栏： 前端八股文 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/135418574
版权
这篇博客详细介绍了JavaScript中的Promise API，包括Promise.all、Promise.allSettled、Promise.race、Promise.any、Promise.resolve、Promise.reject以及Promise.promisification。重点讨论了各种方法的使用场景和工作原理，例如Promise.all用于等待所有promise完成，而Promise.allSettled则返回所有promise的状态，无论它们是fulfilled还是rejected。另外，文章还提到了Promise.race如何在第一个settled的promise中结束，以及如何将回调函数转换为返回promise的函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Promise API

在 Promise 类中，有 6 种静态方法。我们在这里简单介绍下它们的使用场景。

Promise.all

假设我们希望并行执行多个 promise，并等待所有 promise 都准备就绪。

例如，并行下载几个 URL，并等到所有内容都下载完毕后再对它们进行处理。

这就是 Promise.all 的用途。

语法：
let promise = Promise.all(iterable);
Promise.all 接受一个可迭代对象（通常是一个数组项为 promise 的数组），并返回一个新的 promise。

当所有给定的 promise 都 resolve 时，新的 promise 才会 resolve，并且其结果数组将成为新 promise 的结果。

例如，下面的 Promise.all 在 3 秒之后 settled，然后它的结果就是一个 [1, 2, 3] 数组：
一个数组项是promise数组

Promise.all([
  new Prom
了解本专栏 订阅专栏 解锁全文 超级会员免费看
js之- 简解Promise的resolved，rejected，Promise.all 和Promise.race（知识记录）
qq_41797950的博客
06-11 2070
1- Promise的三种状态： 1- Pending（等待，未完成，进行中） 2- Resolved（成功） 3- Rejected（失败） 2- Promise的三种状态关系变化只有两种： 1- Pending => Resolved（从 ‘等待’ 变成 ‘成功’ ） 2- Pending => Rejected（ 从 ‘等待’ 变成 ‘失败’ ） 3- 状态一旦改变，无法再次改变 3- Promise可以用来解决： 1- 解决多次并发请求：通过Promise.all来获取’所有
（promise-polyfill）手动实现一个符合Promises/A+规范的promise， 并添加Promise的常用方法
weixin_40870788的博客
01-15 878
/* Promises/A+ specification */ // 1. Terminology // 1.1. “promise” is an object or function with a then method whose behavior conforms to this specification. // 1.2. “thenable” is an object or functi...
js--promise-all
冷月心的博客
09-04 339
js--promise-all
Promise.allSettled 的 Polyfill 处理
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-15 555
如果因为浏览器太过老旧，不支持最新的 Promise.allSettled API，我们可以使用 polyfill 技术，简单地自己用 Promise.all, 自行实现 Promise.allSettled.在这段代码中，promises.map 接受输入值，使用将它们转换为 Promise（以防传递了非 Promise 类型的 primitive 值），然后将 .then 处理程序添加到每个值。该处理程序将成功的结果值转换为，并将错误原因转换为。这正是的格式。...
前端promise-polyfill关键源码解析
langricheng的博客
04-11 1644
3. 调用Promise._immediateFn 方法，这个_immediateFn 是将操作放进 异步了，也是为什么promise是异步的原因，并且里面根据状态，决定调用哪个回调函数，如果是1，则取onFulfilled，2则为onRejected，其中deferred是表示一个操作对象记录了onFulfilled，onRejected回调函数，如果两者都为null，则调用内部resolve和reject函数，意味着该promise调用链结束了。如果数据类型是常规值，则直接将值存入数组，
实现自己的Promise polyfill
Phoenix_19880101的博客
06-22 521
功能清单： Promise.prototype.then() Promise.prototype.catch() Promise.reject() Promise.resolve() Promise.all() Promise.race() Promise.prototype.finally() 参考：Prmoises A+规范 具体实现 function Promise(fn)...
记阅读promise-polyfill源码探究Promise运行原理
weixin_33813128的博客
03-09 622
Promise可以看作一个异步操作的占位符，表示一个异步操作的最终状态（完成或失败），以及其返回的值,是目前流行Javascript异步编程解决方案之一。 网上关于Promise用法的文章汗牛充栋，作者在本文也不赘述了。Promise用久了难免会对其内部运行原理感到好奇，作者曾试着遵循Promise/A+规范自己写一个promise的补丁，无奈野心被能力实力打脸，冷静之后 去github上找p...
现代 JavaScript 教程——ECMAscript基础知识
Tinkerbaby的博客
11-24 761
JavaScript基础知识 现代模式，“use strict” begin from ES5, 为了标识ES5的新特性 变量 我们可以使用 var、let 或 const 声明变量来存储数据。 let — 现代的变量声明方式。 var — 老旧的变量声明方式。一般情况下，我们不会再使用它。 const — 类似于 let，但是变量的值无法被修改。 用 const 声明的对象的值 能 被修改。 数据类型 JavaScript 中有八种基本的数据类型（译注：前七种为基本数据类型，也称为原始类型，而 obj
promise常用api有哪些
最新发布
04-02
然后是静态方法，比如Promise.all、Promise.race、Promise.allSettled、Promise.any，还有Promise.resolve和Promise.reject。 用户可能想知道每个API的用途和基本用法，所以需要给出清晰的解释和示例。比如，...
.NetCore使用SignalR消息推送
weixin_44481764的博客
11-09 4033
1:在表示层和组件层(Componets)分别添加Nuget包(vs2.1版本安装Microsoft.AspNetCore.SignalR1.0.1版本) 2. 在组件层新建一个NotificationHub类 using Microsoft.AspNetCore.SignalR; using System; using System.Collections.Generic; usin...
如何实现Promise polyfill（es5版）
jind325的博客
04-08 1797
怎么实现Promise polyfill（es5版） 前言前几天看了很多篇实现promise的文章，发现很大一部分同学都是用的es6进行的实现。但是心里一直有一个疑问，如果都用es6来进行编写了，那么这个运行环境肯定已经支持了原生的promise了呀。所以在这里我准备仅使用es5来对Promise实现一个polyfill，实现了promise包括then，catch，reject，resolve，...
大白话讲解Promise（一）
热门推荐
aigenglong0649的博客
03-11 1万+
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？...
【polyfill】Promise.allSettled
全栈空间
07-28 2322
最新的EcmaScript标准推出了Promise.allSettled这个标准API方法，弥补了Promise.all不适应的一些场景。和all一样，allSettled也是若干个异步promise任务并发执行，不同的是，allSettled不会因为某个promise失败而导致所有promise停止运行（这是all方法的痛点）。allSettled会等到所有promise独立地运行结束，无论其结果是resolved还是rejected。
Promise.all手动实现
陈迹·清欢的博客
04-23 1015
前言 假设一下Promise其他所有函数都正常工作，但Promise.all功能失效了，我们现在就要为程序重写一个Promise.all。 Promise.all正常使用 下面为Promise.all的功能展示。正常情况下我们应该输出数组对象[1, 2, 3]。 let promise1 = new Promise(function(resolve) { resolve(1); }); let...
ES6 --- Promise深入学习（五）Promise 内置的6个API，all，allSettled，race，any，resolve/reject
秋天，黄叶坠地，凉风有信。
03-03 1221
Promise API 在 Promise 类中，有 6 种静态方法。我们在这里简单介绍下它们的使用场景。 Promise.all 假设我们希望并行执行多个 promise，并等待所有 promise 都准备就绪。 例如，并行下载几个 URL，并等到所有内容都下载完毕后再对它们进行处理。 这就是 Promise.all 的用途。 语法： let promise = Promise.all([...promises...]); Promise.all 接受一个 promise 数组作为参数（从技术上讲，它可
笔记:利用promise手动实现promiseAll
MRblackLu的博客
03-05 690
function PromiseAll (arr) { //PromiseAll的返回值为一个promise对象 return new Promise((resolve, reject) => { //PromiseAll的入参必须是函数 if (!Array.isArray(arr)) { return reject(new TypeError('arr must be ...
【前端知识点】promise简书-30分钟带你搞懂promise面试必备
chaunceyw的博客
09-17 1万+
前言 写作初衷 本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心，着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。 通过阅读本书，我们希望各位读者能在下面三个目标上有所收获。 学习Promise相关内容，能熟练使用Promise模式并进行测试 学习Promise适合什
Promise的那些事儿
angyinvc427553的博客
01-31 103
在JavaScript中，异步操作非常多见，然而在Promise之前，我们是在类似以下的做法中处理多重异步回调，每一层里都要调另一个异步函数，形成了所谓的“回调地狱”， Promis是为了解决回调地狱的方案,是一种链式操作。 什么是Promise？ 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值