const boy = new PlayBoy('Tom')
boy.sayHi().sleep(1000).play('王者').sleep(2000).play('跳一跳')
// 输出
// 大家好我是Tom
// 1s 之后
// 我在玩王者
// 2s 之后
// 我在玩跳一跳
实现思想：创建一个任务队列，在每个方法中都往任务队列里追加一个函数，利用队列的先进先出的思想来控制函数的执行顺序。
// 首先 定义一个类 PlayBoy
class PlayBoy {
constructor(name) {
this.name = name
this.queue = [] //创建一个任务队列（利用队列的先进先出性质来模拟链式调用函数的执行顺序）
setTimeout(()=>{ // 进入异步任务队列 也是开启 自定义任务队列 queue 的入口
this.next() // next是类PlayBoy 原型上的方法，用来从queue 任务队列中取出函数执行
},0)
return this
}
}
PlayBoy.prototype.sayHi = function () {
const fn = () => {
console.log('hi')
this.next()
}
this.queue.push(fn)
return this
}
PlayBoy.prototype.sleep = function (timer) {
const fn = () => {
setTimeout(() => {
this.next()
}, timer)
}
this.queue.push(fn)
return this
}
PlayBoy.prototype.play = function () {
const fn = () => {
console.log('play')
this.next()
}
this.queue.push(fn)
return this
}
PlayBoy.prototype.next = function () {
const fn = this.queue.shift() // 从任务队列中取出函数 函数存在的话即调用
fn && fn()
}
new PlayBoy().sayHi().sleep(5000).play()
