实现一个简单的串行任务调度器(控制任务队列执行顺序及支持暂停任务队列执行)

前言:

在计算机系统中,任务调度是一项关键的管理任务的技术。它通过合理地安排和管理任务的执行顺序和时间,以提高系统的性能、资源利用率和响应时间。

本文将介绍一个基于 JavaScript 实现的串行任务调度器,探讨其作用、原理。

代码需求

实现一个任务调度器,提供串行执行任务能力异步任务处理中断任务队列执行

代码实现

js 复制代码
class TPromise {
 taskList = [];
 currentRes = "";
 stop = false;
 // 任务添加
 addTask(fn, pause = false) {
   this.taskList.push({
     fn,
     pause,
   });
 }
 // 任务执行
 executeTask(d = "") {
   if (this.taskList.length && !this.stop) {
     this.resolvePromise(this.taskList[0].fn, d)
       .then((res) => {
         if (this.taskList[0].pause) this.stopCh();
         this.taskList.shift();
         this.currentRes = res;
         this.stopCh(this.currentRes);
       })
       .catch(() => {
         this.stopTask();
       });
   }
 }
 // 任务重启
 nextTask() {
   this.stopCh(false);
   this.executeTask(this.currentRes);
 }
 // 任务状态更新
 stopCh(bool = true) {
   this.stop = bool;
 }
 resolvePromise(fn, d) {
   let resP = new Promise((resolve, reject) => {
     let p = fn(d);
     if (p instanceof Promise) {
       p.then((res) => {
         resolve(res);
       }).then((rej) => {
         reject(rej);
       });
     } else if (
       (typeof fn === "object" || typeof fn === "function") &&
       fn !== null
     ) {
       let then = fn.then;
       if (then) {
         then.call(fn, resolve, reject);
       } else {
         fn(d, resolve, reject);
       }
     } else {
       resolve(fn);
     }
   });
   return resP;
 }
}

代码解析

上述代码实现了一个名为 TPromise 的任务调度器。它采用了基于 Promise 的异步编程模型,通过添加任务到任务列表中,并按照添加顺序依次执行任务。具体的原理如下:

  1. 任务添加 :通过 addTask 方法,可以向任务列表中添加任务。每个任务由一个函数 fn 表示,可以根据需要传入参数pause选择是否在执行该任务后暂停任务调度器。
  2. 任务执行 :通过 executeTask 方法,任务调度器会按照任务列表中的顺序执行任务。如果任务列表不为空且任务调度器未被停止,则会执行任务列表中的第一个任务,当成功之后,会校验当前是否需要暂停任务,并将执行结果保存到 currentRes 变量中。 同时消费当前执行的任务,基于暂存的执行结果继续递归执行 executeTask
  3. 任务停止和重启状态更新 :通过 stopCh 方法,可以控制任务调度器的停止状态。传入 true 表示停止任务调度器,传入 false 表示恢复任务调度器的执行。
  4. 任务重启执行 :通过 nextTask 方法,先执行 stopCh更新任务状态,通过暂存的 currentRes 重启任务调度器,继续执行下一个任务。
  5. Promise 处理 :通过 resolvePromise 方法,任务调度器处理任务函数的返回值。 resolvePromise函数返回的是一个 Promise 对象,会对各种类型的任务进行处理,包括常量,promise,thenable,函数等。

结尾:

总的来说,这个基于JavaScript的任务调度器实现了串行执行任务、异步任务处理以及中断任务队列执行等功能。

我们也可以在此基础上进行扩展,添加更多的功能和特性,使任务调度器更加强大和实用。

相关推荐
AI浩5 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪5 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454535 小时前
浏览器工作原理
前端·javascript
西陵5 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn6 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码7 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
Luna-player7 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05197 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys8 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript
奇舞精选8 小时前
GELab-Zero 技术解析:当豆包联手中兴,开源界如何守住端侧 AI 的“最后防线”?
前端·aigc