设计 LazyMan 类

实现以下功能:

LazyMan('Tony');
// Hi I am Tony

LazyMan('Tony').sleep(10).eat('lunch');
// Hi I am Tony
// 等待了10秒...
// I am eating lunch

LazyMan('Tony').eat('lunch').sleep(10).eat('dinner');
// Hi I am Tony
// I am eating lunch
// 等待了10秒...
// I am eating diner

LazyMan('Tony').eat('lunch').eat('dinner').sleepFirst(5).sleep(10).eat('junk food');
// Hi I am Tony
// 等待了5秒...
// I am eating lunch
// I am eating dinner
// 等待了10秒...
// I am eating junk food
class Lazy {
    cbs = []
    constructor(name) {
        console.log(`Hi I am${name}`)
        this.runner()
    }
    runner () {
        // 微任务处理队列cbs
        Promise.resolve().then(async res => {
            while (this.cbs.length) {
                await this.cbs.shift()()
            }
        })
        return this
    }
    timePromise (time) {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(`等待了${time}s`)
                resolve()
            }, time * 1000)
        })
    }
    eat (name) {
        this.cbs.push(() => {
            console.log(`I am eating ${name}`)
            return Promise.resolve()
        })
        return this
    }
    sleepFirst (time) {
        this.cbs.unshift(() => this.timePromise.call(this, time))
        return this
    }
    sleep (time) {
        this.cbs.push(() => this.timePromise.call(this, time))
        return this
    }
}
new Lazy('Tony').eat('lunch').eat('dinner').sleep(10).eat('orange').sleepFirst(5)

非promise的链式调用

class Lazy {
    cbs = []
    constructor(name) {
        console.log(`Hi I am${name}`)
        this.runner()
    }
    runner () {
        Promise.resolve().then(() => this.next())
    }
    next () {
        this.cbs.length && this.cbs.shift()()
    }
    timePromise (time) {
        return  setTimeout(() => {
                console.log.call(console, `等待了${time}s`)
                this.next()
        }, time * 1000)
    }
    eat (name) {
        this.cbs.push(() => {
            console.log(`I am eating ${name}`)
            this.next()
        })
        return this
    }
    sleepFirst (time) {
        this.cbs.unshift(() => this.timePromise.call(this, time))
        return this
    }
    sleep (time) {
        this.cbs.push(() => this.timePromise.call(this, time))
        return this
    }
}
new Lazy('Tony').eat('lunch').eat('dinner').sleep(10).eat('orange').sleepFirst(5)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值