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

前言:

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

本文将介绍一个基于 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的任务调度器实现了串行执行任务、异步任务处理以及中断任务队列执行等功能。

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

相关推荐
kiramario3 分钟前
【结束】JS如何不通过input的onInputFileChange使用本地mp4文件并播放,nextjs下放入public文件的视频用video标签无法打开
开发语言·javascript·音视频
祈澈菇凉1 小时前
如何结合使用thread-loader和cache-loader以获得最佳效果?
前端
垣宇1 小时前
Vite 和 Webpack 的区别和选择
前端·webpack·node.js
java1234_小锋1 小时前
一周学会Flask3 Python Web开发-客户端状态信息Cookie以及加密
前端·python·flask·flask3
化作繁星1 小时前
如何在 React 中测试高阶组件?
前端·javascript·react.js
Au_ust2 小时前
千峰React:函数组件使用(2)
前端·javascript·react.js
爱吃南瓜的北瓜2 小时前
npm install 卡在“sill idealTree buildDeps“
前端·npm·node.js
TTc_2 小时前
记录首次安装远古时代所需的运行环境成功npm install --save-dev node-sass
前端·npm·sass
翻滚吧键盘2 小时前
npm使用了代理,但是代理软件已经关闭导致创建失败
前端·npm·node.js
烂蜻蜓2 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html