使用JavaScript实现定时任务队列

最新推荐文章于 2024-03-26 21:30:16 发布

原创

最新推荐文章于 2024-03-26 21:30:16 发布 · 765 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #算法 #es6

本文介绍如何使用JavaScript构建一个基于时间间隔的TaskQueue，通过setTimeout控制任务执行，适用于定时数据处理和周期性事件触发。

目标

在这篇文章中，我们将探讨如何使用JavaScript实现一个基于一定时间间隔连续执行任务队列的功能。我们将通过创建一个简单的TaskQueue类来实现这个功能，并使用setTimeout函数来控制任务的执行时间。这个TaskQueue类可以用于处理需要定时执行的任务，例如定时处理数据、进行周期性的事件触发等。

代码

class TaskQueue {
  constructor(delay) {
    this.delay = delay
    this.queue = []
    this.currentTask = null
  }

  enqueue(task) {
    this.queue.push(task)
    this.run()
  }

  dequeue() {
    if (this.queue.length === 0) {
      return null
    }
    return this.queue.shift()
  }

  run() {
    if (this.currentTask) {
      return
    }
    this.currentTask = this.dequeue()
    if (this.currentTask === null) {
      return
    }
    setTimeout(() => {
      console.log(this.currentTask)
      this.currentTask = null
      this.run()
    }, this.delay)
  }
}

let taskQueue = new TaskQueue(1000) // 1秒后执行任务，所以延迟设置为1000毫秒
let tasks = [1, 3, 4] // 修改任务时间为1，3，4秒
for (let i = 0; i < tasks.length; i++) {
  se