设计一个简单的任务队列, 要求分别在 1,3,4 秒后打印出 "1", "2", "3"

56 阅读1分钟
new Queue()
  .task(1000, () => {
    console.log(1);
  })
  .task(2000, () => {
    console.log(2);
  })
  .task(1000, () => {
    console.log(3);
  })
  .start();

实现

class Queue {
    _tasks = [];
    constructor() {}
    
    // 注册任务
    task(ms, cb) {
    	this._tasks.push({ ms, cb });
     	// 实现链式调用
      	return this;       
    }
    
    // 开启执行
    start() {
    	if (this._tasks.length) {
              // 取出第一个事件
              const { ms, cb } = this._tasks[0];
              setTimeout(() => {
                  cb.apply(this);
                  this._tasks.shift();
                  // 下面这步实现依次调用
                  if (this._tasks.length) {
                      this.start();               
                  }
              }, ms);
     	}
    }
}

// test
const startTime = Date.now();
new Queue()
  .task(1000, () => {
    console.log(1);
    console.log(Date.now() - startTime);
  })
  .task(2000, () => {
    console.log(2);
    console.log(Date.now() - startTime);
  })
  .task(1000, () => {
    console.log(3);
    console.log(Date.now() - startTime);
  })
  .start();
  // 1 1001
  // 2 3003
  // 3 4003