【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 安装包下载…...
解锁论文写作新姿势：书匠策AI，你的毕业论文“智囊团”！
在学术的浩瀚海洋中，毕业论文无疑是一座巍峨的灯塔，它不仅是对我们多年学习成果的总结，更是通往未来职业道路的一块重要敲门砖。然而，面对堆积如山的资料、错综复杂的逻辑框架，以及那令人头疼的格式要求，不…...
别再只会用PS修图了！用Python的Richardson-Lucy算法，5分钟搞定模糊老照片修复
用Python拯救模糊老照片：零基础也能上手的Richardson-Lucy算法实战 翻箱倒柜找到一张泛黄的老照片，却发现画面模糊得连人脸都看不清？别急着叹气，更不用花大价钱找专业修图师。今天我要分享一个连Python新手都能轻松上手的黑科技—…...
NPU vs GPU：为什么你的AI项目需要专用神经网络处理器？
NPU vs GPU：为什么你的AI项目需要专用神经网络处理器？ 当你在深夜调试一个实时人脸识别模型时，GPU风扇的轰鸣声是否让你担心电费账单？当部署在边缘设备的图像分类服务因为响应延迟被客户投诉时，是否考虑过硬件选型可能…...
从XMind到禅道：定制化脚本实现测试用例高效导入
1. 为什么需要从XMind导入测试用例到禅道？ 在日常测试工作中，XMind思维导图因其直观的结构和高效的编辑方式，成为很多测试工程师编写测试用例的首选工具。我自己也深有体会，用XMind梳理测试点特别顺手，一个下午就能完成…...
bert-base-chinese新手教程：从零开始学习中文预训练模型部署与使用
bert-base-chinese新手教程：从零开始学习中文预训练模型部署与使用 1. 认识bert-base-chinese模型 1.1 什么是BERT模型 BERT（Bidirectional Encoder Representations from Transformers）是Google在2018年发布的预训练语言模型。它通过大规…...
Matlab GUI 计时器：基于定时器对象自动更新的数字时钟演示
Matlab图形用户界面计时器：使用定时器对象自动更新的MatlabGUI，一个数字时钟，作为显示基本组件的快速演示，带有一个按钮，用于恢复/暂停执行更新实验室配了新酶标仪孵箱但总有人（比如同组摸鱼的小师妹顺便喊…...
OpenClaw多任务调度：GLM-4.7-Flash并行处理文件与邮件
OpenClaw多任务调度：GLM-4.7-Flash并行处理文件与邮件 1. 为什么需要多任务调度 上周我需要同时处理两个紧急任务：整理三个月积累的会议录音文字稿，以及给二十多位合作伙伴发送定制化跟进邮件。手动操作需要至少6小时，而第二天早…...
AnythingtoRealCharacters2511效果展示：动漫角色真人化案例
AnythingtoRealCharacters2511效果展示：动漫角色真人化案例 你有没有想过，如果自己喜欢的动漫角色真的出现在现实世界里，会是什么样子？不是那种粗糙的3D建模，也不是简单的滤镜叠加，而是看起来就像用专业相…...
Spring AI：Spring生态的AI工程框架全面解析
Spring AI：Spring生态的AI工程框架全面解析 【免费下载链接】spring-ai An Application Framework for AI Engineering 项目地址: https://gitcode.com/GitHub_Trending/spr/spring-ai Spring AI是Spring生态系统中的AI工程框架，为Java开发者提供…...
SEO_快速提升流量的五个SEO关键操作步骤
<h3 id"seoseo">SEO:快速提升流量的五个SEO关键操作步骤</h3> <p>在数字化时代，网站的流量直接影响着企业的市场竞争力。如何让你的网站在搜索引擎上排名靠前，吸引更多的访客，这是每个网站运营者都面临的重要课题…...