JS 链式调用和延迟执行的实现

使用JavaScript实现链式调用和延迟执行

function arrange(name) {
  const tasks = []

  tasks.push(() => {
    console.log(`${name} is notified`)
  })

  function doSomething(action) {
    tasks.push(() => {
      console.log(`Start to ${action}`)
    })
    return this
  }

  async function execute() {
    for (const task of tasks) {
      await task()
    }
    return this
  }

  function waitFirst(second) {
    tasks.unshift(() => 
      new Promise((resolve) => {
        setTimeout(resolve, second * 1000)
      })
    )
    return this
  }

  function wait(second) {
    tasks.push(() => 
      new Promise((resolve) => {
        setTimeout(resolve, second * 1000)
      })
    )
    return this
  }

  return {
    do: doSomething,
    execute,
    waitFirst,
    wait,
  }
}

arrange('a').execute() 
// a is notified
arrange('a').do('b').execute()
// a is notified
// Start to b
arrange('a').wait(5).do('b').execute()
// a is notified
// 5 secend later
// Start to b
arrange('a').waitFirst(5).do('b').execute()
// 5 secend later
// a is notified
// Start to b