設計 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)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章