使用JavaScript实现定时任务队列

目标

        在这篇文章中，我们将探讨如何使用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++) {
  setTimeout(() => {
    taskQueue.enqueue(i + 1) // 将任务索引加1，因为任务时间为1，3，4秒，所以任务索引为1，2，3
  }, tasks[i] * 1000) // 将任务时间转换为毫秒并乘以1000，因为setTimeout的延迟参数为毫秒
}

        这段代码实现了一个简单的任务队列。具体来说，这个任务队列会在特定的时间间隔后执行特定的任务。让我们来详细分析下这段代码：

        构造函数 (constructor)：这是创建对象时初始化实例的特殊方法。在这个构造函数中，我们接收一个参数delay，它表示任务之间的延迟时间。此外，我们定义了一个空数组this.queue来存储待执行的任务，和一个属性this.currentTask来跟踪当前正在执行的任务。

        enqueue方法：这个方法接收一个task参数，它是要添加到任务队列中的任务。在将任务添加到队列后，它调用run方法来启动队列。

        dequeue方法：此方法从队列中删除并返回第一个任务。如果队列为空，则返回null。这实际上是一个典型的栈（stack）操作，遵循“后进先出”（LIFO）的原则。

        run方法：这个方法是任务队列的核心。它首先检查当前任务是否已经存在，如果存在则返回，避免重复执行。然后，它从队列中提取（dequeue）一个任务，并设置this.currentTask为该任务。之后，它使用JavaScript的setTimeout函数设置一个延迟，延迟时间为this.delay（即我们之前在构造函数中设置的延迟时间）。在延迟结束后，它会打印当前任务的值（在这里是数字），然后将当前任务重置为null，并递归调用run方法来运行下一个任务。

        创建TaskQueue实例并添加任务：在代码的下方部分，我们创建了一个TaskQueue的实例taskQueue，并设置了延迟时间为1000毫秒（1秒）。然后，我们定义了一个任务列表（在这里是[1, 3, 4]），并使用一个for循环为每个任务设置一个延迟时间，然后将任务添加到队列中。

总结

        我们的代码创建了一个TaskQueue实例，设置延迟时间为1000毫秒（即1秒），并定义了一个任务列表（在这个例子中是[1, 3, 4]）。然后，它使用一个for循环遍历这个任务列表，为每个任务设置一个延迟（通过将秒数转换为毫秒并乘以1000），然后使用setTimeout来将任务添加到队列中。这样，每个任务将在指定的时间后执行。

        上述只是一个简单的DEMO，但是核心思想是不变的，这就解决了实际开发时经常遇到的问题：如何按一定的时间间隔连续执行一系列任务。这在很多场合都非常有用，比如定时处理数据、进行周期性的事件触发等。通过使用这种任务队列，我们可以非常方便地管理任务的执行顺序和时间。