深入理解Promise.allSettled的并发任务计时与性能分析

深入理解Promise.allSettled的并发任务计时与性能分析

本文旨在提供一种有效的方法,用于在使用`promise.allsettled`处理并发异步任务时,准确记录并分析每个任务的完成时间。通过自定义封装函数,我们可以将计时信息集成到`promise.allsettled`的返回结果中,从而帮助开发者识别性能瓶颈,优化任务分组策略,提升应用程序的响应效率。

异步任务并发处理与性能考量

在现代Web应用和Node.js服务中,处理多个异步操作(如API请求、数据库查询、文件读写)是常见需求。Promise.allSettled是一个强大的工具,它允许我们并发执行一组Promise,并在所有Promise都“落定”(无论成功或失败)后返回一个包含每个Promise状态和结果的数组。这对于需要等待所有任务完成才能进行下一步操作的场景非常有用,例如批量数据处理或多源数据聚合。

然而,Promise.allSettled的默认行为并不会提供每个单独Promise的执行时间。在进行性能优化时,了解每个并发任务的耗时至关重要。例如,如果您同时发起5个API调用,并发现其中某些调用显著慢于其他,那么将它们分组处理(例如,先处理快速的,再处理慢的)可能会提高用户体验或系统吞吐量。本文将介绍如何通过扩展Promise.allSettled的功能,来精确测量并获取每个并发任务的完成时间。

方案一:通过控制台日志记录任务耗时

最直接的方法是在每个Promise“落定”时记录其耗时。我们可以利用Promise.prototype.finally()方法,在每个Promise无论成功或失败时都执行一个回调函数,并在该回调中计算并打印从Promise.allSettled开始到当前Promise完成的时间差。

以下是一个实现此功能的辅助函数:

/** * 封装 Promise.allSettled,并在每个 Promise 完成时记录其耗时到控制台。 * @param {Array<Promise>} promises - Promise 数组。 * @returns {Promise<PromiseSettledResult[]>} - 与 Promise.allSettled 相同的返回结果。 */function allSettledTimedLog(promises) {    const startTime = Date.now(); // 记录 Promise.allSettled 调用的起始时间    // 遍历每个 Promise,使用 .finally() 拦截其完成事件    const timedPromises = promises.map((p, index) => {        return p.finally(() => {            // 在 Promise 完成时计算耗时并打印            console.log(`[任务 ${index}] 完成,耗时 ${Date.now() - startTime}ms`);        });    });    // 将增强后的 Promise 数组传递给 Promise.allSettled    return Promise.allSettled(timedPromises);}

使用示例:

const task1 = new Promise(resolve => setTimeout(() => resolve('Task 1 Done'), 100));const task2 = new Promise((resolve, reject) => setTimeout(() => reject('Task 2 Failed'), 500));const task3 = new Promise(resolve => setTimeout(() => resolve('Task 3 Complete'), 200));allSettledTimedLog([task1, task2, task3]).then(results => {    console.log('所有任务落定结果:', results);});// 预期控制台输出类似:// [任务 0] 完成,耗时 10Xms// [任务 2] 完成,耗时 20Xms// [任务 1] 完成,耗时 50Xms// 所有任务落定结果: [...]

优点:

实现简单直观。能够快速在开发过程中观察每个任务的耗时。

缺点:

计时信息仅通过控制台输出,不易于程序化地获取和进一步处理。需要手动解析日志来获取性能数据。

方案二:将计时信息嵌入到 Promise.allSettled 结果中

为了更好地利用计时数据,我们可以将每个任务的耗时直接集成到Promise.allSettled的返回结果对象中。这意味着每个PromiseSettledResult对象(包含status和value/reason)将额外包含一个time属性,表示该任务的完成耗时。

以下是实现此功能的辅助函数:

/** * 封装 Promise.allSettled,并将每个 Promise 的耗时嵌入到返回结果中。 * @param {Array<Promise>} promises - Promise 数组。 * @returns {Promise<Array<PromiseSettledResult & { time?: number }>>} - 包含耗时信息的 PromiseSettledResult 数组。 */function allSettledTimed(promises) {    const startTime = Date.now();    const taskTimes = new Array(promises.length); // 用于存储每个任务的耗时    // 增强每个 Promise,使其在 finally 阶段记录耗时到 taskTimes 数组    const enhancedPromises = promises.map((p, index) => {        return p.finally(() => {            taskTimes[index] = Date.now() - startTime; // 记录从开始到完成的耗时        });    });    // 等待所有增强后的 Promise 落定    return Promise.allSettled(enhancedPromises).then(results => {        // 将记录的耗时信息合并到 Promise.allSettled 的结果中        for (let i = 0; i < results.length; i++) {            // 为每个结果对象添加 'time' 属性            results[i].time = taskTimes[i];        }        return results;    });}

使用示例:

const apiCall1 = new Promise(resolve => setTimeout(() => resolve({ data: 'User Info' }), 300));const apiCall2 = new Promise((resolve, reject) => setTimeout(() => reject(new Error('Auth Failed')), 600));const apiCall3 = new Promise(resolve => setTimeout(() => resolve({ data: 'Product List' }), 150));allSettledTimed([apiCall1, apiCall2, apiCall3]).then(results => {    console.log('所有任务及耗时结果:', results);    // 遍历结果,分析耗时    results.forEach((res, index) => {        if (res.status === 'fulfilled') {            console.log(`任务 ${index} 成功,耗时 ${res.time}ms,结果:`, res.value);        } else {            console.log(`任务 ${index} 失败,耗时 ${res.time}ms,原因:`, res.reason);        }    });});// 预期控制台输出类似:// 所有任务及耗时结果: [//   { status: 'fulfilled', value: { data: 'User Info' }, time: 30X },//   { status: 'rejected', reason: [Error: Auth Failed], time: 60X },//   { status: 'fulfilled', value: { data: 'Product List' }, time: 15X }// ]// 任务 0 成功,耗时 30Xms,结果: { data: 'User Info' }// 任务 1 失败,耗时 60Xms,原因: Error: Auth Failed// 任务 2 成功,耗时 15Xms,结果: { data: 'Product List' }

优点:

计时信息直接集成到返回结果中,便于程序化访问和后续处理(如数据分析、生成报告)。结果结构清晰,一个对象包含所有相关信息。

缺点:

相对于方案一,实现略微复杂,需要一个额外的数组来临时存储计时信息。

注意事项与应用场景

输入类型限制: 上述两种实现都假定传入的promises参数是一个数组,以便使用.map()方法。如果需要支持任意可迭代对象(如Set、Map),则需要进行额外的类型转换或迭代处理。计时基准: 记录的耗时是从allSettledTimed函数被调用时开始计算的。这意味着如果您的Promises在调用allSettledTimed之前就已经启动,那么记录的耗时将是它们从allSettledTimed调用点到完成的时间,而不是它们实际的整个生命周期。对于大多数并发API调用场景,通常会在同一时间点发起所有请求并立即调用allSettledTimed,因此这种计时方式是准确且有意义的。性能分析: 获得单个任务的耗时数据后,您可以:识别慢速任务: 找出那些显著耗时更长的任务,它们可能是性能瓶颈。优化分组策略: 根据任务耗时,考虑是否将快速任务和慢速任务分开处理,以减少整体等待时间。例如,先显示快速任务的结果,再异步加载慢速任务。资源分配: 评估并发任务对系统资源(如CPU、内存、网络带宽)的影响。服务质量监控: 持续监控关键异步操作的耗时,及时发现服务降级。

总结

通过对Promise.allSettled进行简单的封装和增强,我们可以轻松地获取到每个并发任务的独立完成时间。无论是通过控制台日志进行快速调试,还是将计时数据嵌入到结果中进行更深入的程序化分析,这些技术都为开发者提供了宝贵的性能洞察力。在构建高性能、响应迅速的应用程序时,理解并优化异步任务的执行效率是不可或缺的一环,而精确的计时数据正是实现这一目标的关键。

以上就是深入理解Promise.allSettled的并发任务计时与性能分析的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1536671.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 03:29:19
下一篇 2025年12月21日 03:29:31

相关推荐

  • JS注解有什么用_ JS注解在代码中的主要用途与优势

    JS注解可提升代码可读性、便于团队协作、支持文档生成并辅助调试维护。通过说明函数作用、标注参数、记录待办事项、使用JSDoc生成API文档及标记废弃方法,增强代码可维护性与开发效率。 JS注解(通常指JavaScript中的注释)虽然不会被浏览器执行,但在开发过程中起着至关重要的作用。它们帮助开发者…

    好文分享 2025年12月21日
    000
  • JS注解怎么标注事件处理函数_ 事件监听函数的JS注解书写与使用说明

    使用JSDoc可为JavaScript事件处理函数添加类似注解的类型标注,1. 通过@param {EventType}明确事件类型,如MouseEvent、KeyboardEvent;2. 提升IDE智能提示与代码可读性;3. 在JS中结合@ts-check实现类型检查;4. 支持CustomEv…

    2025年12月21日
    000
  • 解决QR码扫描中特殊字符转义问题的通用策略

    本文探讨了qr码扫描时,jwt等数据中特殊字符(如’-‘)被错误转义的常见问题。核心原因在于部分qr扫描器不支持utf-8编码,导致字符集不兼容。为确保数据在不同扫描设备间的可靠传输,最佳实践是采用base64编码对原始数据进行预处理,从而避免因字符集差异引起的解码失败。 Q…

    2025年12月21日
    000
  • JS循环语句如何写_JavaScriptforwhile循环语句使用方法详解

    for循环用于已知次数的重复执行,语法为for(初始化;条件;更新){循环体},如for(let i=1;i JavaScript中的循环语句用于重复执行某段代码,直到满足特定条件为止。常用的循环语句有 for 循环和 while 循环。下面详细介绍它们的语法和使用方法。 for循环的基本语法 fo…

    2025年12月21日
    000
  • js定义boolean类型

    答案:JavaScript中定义Boolean类型主要有四种方式。1. 直接赋值布尔字面量,如let isActive = true;2. 使用Boolean()构造函数转换值类型;3. 通过!!运算符将任意值转为对应布尔值;4. 避免使用new Boolean()创建对象,因其返回对象且始终为tr…

    2025年12月21日
    000
  • JavaScript中Promise.allSettled任务计时与性能分析

    本文探讨了如何在javascript中使用`promise.allsettled`并发执行任务时,精确测量每个独立promise的完成时间。通过两种不同的实现方式,我们可以获取任务耗时,从而深入分析异步操作的性能瓶颈,为优化api调用、批处理等场景提供数据支持,提升应用程序的响应性和效率。 在现代W…

    2025年12月21日
    000
  • js中异步是什么意思

    异步使JavaScript能在等待耗时任务完成的同时继续执行后续代码,避免阻塞。由于JS是单线程语言,同步操作会导致页面卡顿,因此需通过异步处理网络请求、定时器等任务。常见异步方式包括回调函数、Promise和async/await,例如setTimeout不阻塞后续代码执行,输出顺序为“开始→结束…

    2025年12月21日
    000
  • JS单元测试怎么编写_JS单元测试框架Jest与测试方法教程

    答案:使用Jest编写JS单元测试需先安装配置Jest,创建测试用例并使用test()定义测试,expect()结合toBe、toEqual等匹配器验证结果,支持分组describe()和生命周期钩子,通过jest.fn()或jest.spyOn()实现Mock模拟,确保函数行为符合预期。 编写JS…

    2025年12月21日
    000
  • JS浏览器对象怎么操作_JS BOM浏览器对象模型使用方法教程

    BOM核心包括window、location、history等对象:window为全局对象,控制窗口操作;location管理URL跳转与刷新;history实现页面导航;navigator和screen提供环境信息。掌握其用法可有效控制浏览器行为,注意replace不可后退、close仅限脚本打开…

    2025年12月21日
    000
  • JavaScript数组基于配置对象动态过滤与构建教程

    本教程旨在指导开发者如何根据javascript配置对象的属性值,动态地过滤并构建数组。文章将详细介绍如何遍历对象、应用条件逻辑,并高效地将符合条件的元素添加至新数组,同时提供多种实现方式和实践建议,帮助您灵活处理动态数据结构的需求。 在现代Web开发中,我们经常需要根据不同的配置或用户权限来动态地…

    2025年12月21日
    000
  • 自动化Google表单提交:构建数据驱动的程序化解决方案

    本文详细介绍了如何通过程序化方法实现google表单的自动化填充。针对需要批量提交虚拟数据或进行测试的场景,我们将探讨利用python、selenium等工具,结合外部数据源(如excel)构建一个数据驱动的自动化框架。该方案能够高效模拟用户交互,实现动态数据输入,从而显著提升数据收集或测试效率。 …

    2025年12月21日
    000
  • JS条件语句怎么用_JavaScriptifelse与switch条件语句使用教程

    JavaScript中的条件语句用于根据不同条件执行不同代码块,主要包含if…else和switch两种结构。if…else适用于基础判断及多条件分支,支持范围或复杂条件判断;当需判断变量是否等于多个固定值时,switch更清晰高效,避免重复比较。选择依据:if……

    2025年12月21日
    000
  • JavaScript如何使用错误处理_JavaScripttrycatchfinally异常捕获方法使用指南

    JavaScript使用try…catch…finally处理运行时错误,try块放可能出错的代码,catch捕获并处理错误,finally无论是否有错都会执行,适合资源清理;可使用throw主动抛出异常,推荐用Error实例以便调试;异步中await需配合async函数,使…

    2025年12月21日
    000
  • JavaScript正则表达式引擎实现原理

    JavaScript正则引擎基于NFA与回溯机制,通过编译为字节码或状态机实现高效匹配。1. 编译过程包括词法分析、语法解析生成AST,并转化为可执行结构;2. 执行时模拟NFA行为,支持捕获组、反向引用等复杂特性,但回溯可能导致ReDoS;3. 优化策略含快速路径、缓存、JIT编译及Boyer-M…

    2025年12月21日
    000
  • JavaScript中的Web Assembly使用初探_js前沿

    WebAssembly通过二进制格式实现高性能跨语言执行,解决JavaScript在计算密集型任务中的性能瓶颈。它支持C/C++、Rust等语言编译运行,具备接近原生速度、安全沙箱、多语言兼容及与JavaScript互操作等优势。通过WebAssembly.instantiateStreaming可…

    2025年12月21日
    000
  • 使用AbortController取消Fetch请求

    AbortController 是浏览器 API,用于取消 fetch 请求。创建实例后,将其 signal 传入 fetch,调用 abort() 即可终止请求,常用于组件卸载时避免状态更新错误,需注意每次请求应独立创建 AbortController 并捕获 AbortError 错误类型。 在…

    2025年12月21日
    000
  • JS函数如何定义函数节流_JS函数节流定义与高频触发控制技巧

    函数节流通过限制执行频率优化高频事件,如滚动或点击,确保在设定间隔内仅执行一次,提升性能。 函数节流(Throttle)是一种控制函数执行频率的技术,常用于优化高频触发的事件,比如窗口滚动、调整大小、鼠标移动等。它的核心思想是:在一定时间间隔内,无论触发多少次函数,都只执行一次。 函数节流的基本定义…

    2025年12月21日
    000
  • 前端路由怎么和后端同步_前端路由与Node后端路由同步配置方法

    前端路由与后端同步的关键是处理History API模式下的非根路径请求。使用Vue或React的history模式时,页面跳转由前端控制,但用户刷新或直接访问路径时请求会发送到后端,若未正确配置将返回404。为实现协同,Node后端需将所有未知路由转发至前端入口文件index.html,由前端接管…

    2025年12月21日
    000
  • JS插件如何实现本地存储同步_JavaScript本地存储插件开发与数据同步方法

    答案:通过JavaScript插件利用IndexedDB和localStorage实现本地数据暂存与服务端同步,设计包含操作拦截、队列管理、自动重试的逻辑,确保离线时数据不丢失,网络恢复后可靠上传,提升Web应用健壮性。 在现代Web应用中,本地存储是提升用户体验的重要手段。当用户在离线或网络不稳定…

    2025年12月21日
    000
  • 解决QR码扫描字符错乱问题:JWT编码与字符集兼容性指南

    本文探讨了qr码扫描时字符错乱,特别是jwt令牌中连字符(-)被替换为反引号(`)的问题。根本原因在于部分qr扫描器使用非utf-8的iso字符集配置,导致对特定“特殊字符”处理不当。为确保数据在不同扫描环境下的兼容性,最有效的解决方案是在生成qr码之前,对jwt或其他包含特殊字符的数据进行base…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信