JS相关知识点

[swustzzh]

• 闭包：

直接看MDN官方闭包的解释。
闭包让开发者可以从内部函数访问外部函数的作用域。

• 继承和原型链

每个对象（object）都有一个私有属性指向另一个名为原型（prototype）的对象。原型对象也有一个自己的原型，层层向上直到一个对象的原型为 null。根据定义，null 没有原型，并作为这个原型链（prototype chain）中的最后一个环节。

[swlws]

Promise 并发

通过接口，动态添加任务

interface ITask {
  (): Promise<void>
  successCallBack?: () => void
}

/**
 * 并发限制
 */
export class ThreadPool {
  // 任务队列
  taskList!: ITask[]
  //  并发限制
  limit!: number
  // 正在执行中的任务数量
  pendingCounter!: number

  constructor(option: { limit: number }) {
    this.taskList = []
    this.limit = option.limit
    this.pendingCounter = 0
  }

  // 执行任务
  __runNextTask() {
    if (this.pendingCounter >= this.limit) return

    const task = this.taskList.shift()
    if (!task) return

    this.pendingCounter = this.pendingCounter + 1

    task().finally(() => {
      this.pendingCounter = this.pendingCounter - 1

      // 调用执行结束函数
      const successCallBack = task.successCallBack
      if (typeof successCallBack === 'function') successCallBack()

      // 执行下一个任务
      this.__runNextTask()
    })
  }

  // 动态添加任务
  addTask(taskList: ITask, successCallBack?: () => void) {
    taskList.successCallBack = successCallBack
    this.taskList.push(taskList)

    this.__runNextTask()
  }
}

// 调用示例
const taskRunner = new ThreadPool({ limit: 1 });

taskRunner.addTask(() => sleep(11));
taskRunner.addTask(() => sleep(22));
taskRunner.addTask(
  () => sleep(33),
  () => console.log('33 succsss')
);
taskRunner.addTask(() => sleep(44));