1const boy = new PlayBoy('Tom') 2boy.sayHi().sleep(1000).play('王者').sleep(2000).play('跳一跳') 3// 输出 4// 大家好我是Tom 5// 1s 之后 6// 我在玩王者 7// 2s 之后 8// 我在玩跳一跳
参考答案:
实现思想:创建一个任务队列,在每个方法中都往任务队列里追加一个函数,利用队列的先进先出的思想来控制函数的执行顺序。
1// 首先 定义一个类 PlayBoy 2class PlayBoy { 3 constructor(name) { 4 this.name = name 5 this.queue = [] //创建一个任务队列(利用队列的先进先出性质来模拟链式调用函数的执行顺序) 6 setTimeout(()=>{ // 进入异步任务队列 也是开启 自定义任务队列 queue 的入口 7 this.next() // next是类PlayBoy 原型上的方法,用来从queue 任务队列中取出函数执行 8 },0) 9 10 return this 11 } 12} 13 14PlayBoy.prototype.sayHi = function () { 15 16 const fn = () => { 17 console.log('hi') 18 this.next() 19 } 20 this.queue.push(fn) 21 return this 22} 23 24PlayBoy.prototype.sleep = function (timer) { 25 26 const fn = () => { 27 setTimeout(() => { 28 this.next() 29 }, timer) 30 } 31 this.queue.push(fn) 32 return this 33} 34 35PlayBoy.prototype.play = function () { 36 37 const fn = () => { 38 console.log('play') 39 this.next() 40 } 41 this.queue.push(fn) 42 return this 43} 44 45PlayBoy.prototype.next = function () { 46 const fn = this.queue.shift() // 从任务队列中取出函数 函数存在的话即调用 47 48 fn && fn() 49} 50 51new PlayBoy().sayHi().sleep(5000).play()
最近更新时间:2022-05-16