【JS】中断和恢复任务序列
前言
封装processTasks函数，实现以下需求
/*** 依次顺序执行一系列任务* 所有任务全部完成后可以得到每个任务的执行结果* 需要返回两个方法，start用于启动任务，pause用于暂停任务* 每个任务具有原子性，即不可中断，只能在两个任务之间中断* @param {...Function} tasks 任务列表，每个任务无参、异步*/
function processTasks(...tasks){}
实现
初步框架如下
function processTasks(...tasks) {const result = []let i = 0 // 当前任务索引let isRunning = false // 是否正在运行return {async start() {isRunning = truewhile (i < tasks.length) {result.push(await tasks[i]())i++if (!isRunning) return // 暂停}},pause() {isRunning = false},}
}
继续改造start的返回，手动控制Promise：
function processTasks(...tasks) {const result = []let i = 0 // 当前任务索引let isRunning = false // 是否正在运行let prom = null // 记录promise结果，防止二次调用start时重复执行之前的任务return {start() {return new Promise(async (resolve, reject) => {if (prom) {// 结束了prom.then(resolve, reject)return}if (isRunning) return // 正在运行，防止多次调用isRunning = truewhile (i < tasks.length) {try {result.push(await tasks[i]())} catch (err) {isRunning = falsereject(err)prom = Promise.reject(err)return // 失败终止}i++if (!isRunning && i < tasks.length - 1) return // 暂停}isRunning = truewhile (i < tasks.length) {try {result.push(await tasks[i]())} catch (err) {isRunning = falsereject(err)prom = Promise.reject(err)return // 失败终止}i++if (!isRunning && i < tasks.length - 1) return // 暂停}// 成功isRunning = falseresolve(result)prom = Promise.resolve(result)})},pause() {isRunning = false},}
}
测试
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./aa.js"></script>
</head><body><button id="start">开始任务</button><button id="pause">暂停任务</button><script>const tasks = []for (let i = 0; i < 5; i++) {tasks.push(() => new Promise(resovle => {setTimeout(() => {resovle(i)}, 2000);}))}const processor = processTasks(...tasks)start.onclick = async () => {console.log("开始任务");const results = await processor.start()console.log("任务执行完成：", results);}pause.onclick = () => {console.log("点击暂停");processor.pause()}</script>
</body></html>
使用场景
大文件分片上传
相关文章：
【JS】中断和恢复任务序列
前言 封装processTasks函数，实现以下需求 /*** 依次顺序执行一系列任务* 所有任务全部完成后可以得到每个任务的执行结果* 需要返回两个方法，start用于启动任务，pause用于暂停任务* 每个任务具有原子性，即不可中断，只…...
CentOS系统下安装NVIDIA显卡驱动
一、安装显卡驱动 1.安装依赖项 yum -y install gcc pciutils yum -y install gcc yum -y install gcc-c yum -y install make2.查看内核版本 uname -a3.查看显卡版本 lspci | grep -i nvidia4.屏蔽系统自带的nouveau (1)查看nouveau lsmod | grep nouveau (2)打开blackl…...
Linux 与 Windows 服务器操作系统 | 全面对比
在服务器操作系统的领域，Linux 和 Windows 一直是两个备受关注的选择。 首先来看 Windows 操作系统。它由 Microsoft Corporation 开发，在桌面领域占据显著份额，其中 Windows 10 是使用最广泛的版本，广泛应用于个人计算机和企业桌…...
给既有exe程序添加一机一码验证
原文地址：李浩的博客 lihaohello.top 本科期间开发过一款混凝土基本构件设计程序，该程序是一个独立的exe可执行文件，采用VC静态链接MFC库编制而成。近期，需要为该程序添加用户注册验证的功能，从而避免任何用户获取该程…...
【Datawhale X 魔搭 】AI夏令营第四期大模型方向，Task2：头脑风暴会，巧灵脑筋急转弯（持续更新）
队伍名称：巧灵脑筋急转弯 队伍技术栈：python，LLM，RAG，大模型，nlp，Gradio，Vue，java 队友：知唐（队长），我真的敲不动…...
mysql 多个外键
在MySQL中，一个表可以有多个外键约束，它们分别关联到不同的主表。在创建表时，可以在每个外键约束上指定不同的外键名称。以下是一个简单的例子，演示如何在创建表时定义多个外键： CREATE TABLE orders (order_id INT AU…...
解决方案上新了丨趋动科技推出基于银河麒麟操作系统的异构算力池化解决方案
趋动科技携手麒麟软件打造基于银河麒麟操作系统的异构算力池化解决方案，共同探索AI领域新场景。 人工智能技术作为数字经济发展的重要推手，在各行业业务场景中落地需要大量AI算力资源的有效保障。在IT基础设施普遍云化的今天，AI算力一方面需…...
14.创建一个实战maven的springboot项目
项目核心主要部分 pom.xml文件 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://mave…...
docker部署LNMP
docker部署LNMP nginx 1.22 172.111.0.10 docker-nginx mysql 8.0.30 172.111.0.20 docker-mysql php 8.1.27 172.111.0.30 docker-php docker：单节点部署，只能在一台机器上部署，如果跨机器容器无法操作，无法通信。 做高可用…...
在Spring Boot应用中，如果你希望在访问应用时加上项目的名称或者一个特定的路径前缀
在Spring Boot应用中，如果你希望在访问应用时加上项目的名称或者一个特定的路径前缀 在Spring Boot应用中，如果你希望在访问应用时加上项目的名称或者一个特定的路径前缀，你可以通过配置server.servlet.context-path属性来实现。这通常在app…...
东南大学：Wi-Fi 6搭档全光以太，打造“数智东南”信息高速路
东南大学：Wi-Fi 6搭档全光以太，打造“数智东南”信息高速路 - 华为企业业务 打好ICT底座，平台和应用层面就会非常通畅了。首先，出海企业的需求既有普遍性，也有垂直性行业的特性需求。普遍性需求需要通信、沟通数据和传…...
C++：stack类（vector和list优缺点、deque）
目录 前言 数据结构 deque vector和list的优缺点 push pop top size empty 完整代码 前言 stack类就是数据结构中的栈 C数据结构：栈-CSDN博客 stack类所拥有的函数相比与string、vector和list类都少很多，这是因为栈这个数据结构是后进先出的…...
负载均衡、高可用
负载均衡 负载均衡（Load Balance）：可以利用多个计算机和组合进行海量请求处理，从而获得很高的处理效率，也可以用多个计算机做备份（高可用），使得任何一个机器坏了整个系统还是能正常…...
从Retrofit支持suspend协程请求说开去
在现代Android开发中，异步请求已经成为不可或缺的一部分。传统的异步请求往往涉及大量的回调逻辑，使代码难以维护和调试。随着Kotlin协程的引入，异步编程得到了极大的简化。而作为最流行的网络请求库之一，Retrofit早在Kotlin协程的…...
深入浅出：你需要了解的用户数据报协议（UDP）
文章目录 **UDP概述****1. 无连接性****2. 尽最大努力交付****3. 面向报文****4. 多种交互通信支持****5. 较少的首部开销** **UDP报文的首部格式****详细解释每个字段** **UDP的多路分用模型****多路分用的实际应用** **检验和的计算方法****伪首部的详细内容****检验和计算步…...
C++的Magic Static
什么是“Magic Static”？ C 中，函数内部的静态变量只会在第一次执行该函数时被初始化，而且这种初始化在 C11 标准之后是线程安全的。这意味着即使多个线程同时第一次调用该函数，静态变量也只会被初始化一次，并且在初始…...
vscode添加宏定义
1 起因 在用vscode看项目代码时，如果源文件中的代码块被某个宏定义给包裹住了，则在vscode的默认配置下，不会高亮显示这块被包裹住的代码，如下图中229行开始的代码被STM32F40_41xxx所控制，没有高亮显示。 由于STM32F4…...
Postman接口关联
接口关联 接口之间存在依赖关系，接口B要依赖于接口A的返回值。 例如：现在有两个接口，接口1：获取接口统一鉴权码token接口，接口2：创建标签接口。接口2里的请求参数需要依赖接口1返回的值，即需要…...
用Python制作开心消消乐游戏|附源码
制作一个完整的“开心消消乐”风格的游戏在Python中是一个相对复杂的项目，因为它涉及到图形界面、游戏逻辑、动画效果以及用户交互等多个方面。不过，我可以为你提供一个简化的版本和概念框架，帮助你理解如何开始这个项目，并提供一…...
ArcGIS10.8 安装教程
目录 一、环境及安装包准备 二、安装流程 1、解压安装包ArcGIS_108.rar 2、安装 三、汉化 四、激活 五、自定义菜单（可选） 六、打开软件按查看 七、安装过程中出现的报错 八、其他 一、环境及安装包准备 安装环境：win7 安装包下载…...
KubeSphere 容器平台高可用：环境搭建与可视化操作指南
Linux_k8s篇 欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南 版本号: 1.0,0 作者: 老王要学习 日期: 2025.06.05 适用环境: Ubuntu22 文档说…...
Android Wi-Fi 连接失败日志分析
1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分： 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析： CTR…...
React 第五十五节 Router 中 useAsyncError的使用详解
前言 useAsyncError 是 React Router v6.4 引入的一个钩子，用于处理异步操作（如数据加载）中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误：捕获在 loader 或 action 中发生的异步错误替…...
零门槛NAS搭建：WinNAS如何让普通电脑秒变私有云？
一、核心优势：专为Windows用户设计的极简NAS WinNAS由深圳耘想存储科技开发，是一款收费低廉但功能全面的Windows NAS工具，主打“无学习成本部署” 。与其他NAS软件相比，其优势在于： 无需硬件改造：将任意W…...
Unity3D中Gfx.WaitForPresent优化方案
前言 在Unity中，Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染（即CPU被阻塞），这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案： 对惹，这里有一个游戏开发交流小组&…...
PHP和Node.js哪个更爽?
先说结论，rust完胜。 php：laravel，swoole，webman，最开始在苏宁的时候写了几年php，当时觉得php真的是世界上最好的语言，因为当初活在舒适圈里，不愿意跳出来，就好比当初活在…...
【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密
在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...
线程与协程
1. 线程与协程 1.1. “函数调用级别”的切换、上下文切换 1. 函数调用级别的切换 “函数调用级别的切换”是指：像函数调用/返回一样轻量地完成任务切换。 举例说明： 当你在程序中写一个函数调用： funcA() 然后 funcA 执行完后返回&…...
关于nvm与node.js
1 安装nvm 安装过程中手动修改 nvm的安装路径， 以及修改 通过nvm安装node后正在使用的node的存放目录【这句话可能难以理解，但接着往下看你就了然了】 2 修改nvm中settings.txt文件配置 nvm安装成功后，通常在该文件中会出现以下配置&…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...