首頁猿問實現一個class Lazing...

實現一個class Lazing 函數，輸出如下該怎么寫?

Html5 JavaScript

函數式編程 2018-07-13 11:11:58

Lazing('Garry')// 輸出 'hello Garray'Lazing('Garry').sleep(10).eat('rice')// 輸出 'hello Garray'// 等待10秒...// 輸出 'eating rice'Lazing('Garry').eat('rice').eat('bread')// 輸出 'eating rice'// 輸出 'eating bread'Lazing('Garry').sleepFirst(5).eat('rice')// 等待5秒...// 輸出 'hello Garray'// 輸出 'eating rice'難點是定時器該怎么處理？如果sleepFirst定時器是后置的怎么來實現？Lazing('Garry').eat('rice').sleepFirst(5)// 等待5秒...// 輸出 'hello Garray'// 輸出 'eating rice'

查看完整描述

2 回答

慕姐4208626

TA貢獻1852條經驗獲得超7個贊

粗略的demo,定時器放在后面老衲一時想不通，此demo按順序執(zhí)行

var Lazing2 = function(name){    return {        _name : name,        _food : [],        _timeLimit : 0,        eat : function(food){            var _this = this;
            setTimeout(function(){                console.log(_this._name,'吃',food)
            },_this._timeLimit*1000);            return _this
        },        delay : function(time){            var _this = this;
            _this._timeLimit = time;            return _this;
        }
    }
}

Lazing2("老衲").eat('蛋糕').delay(3).eat('屎');

反對回復 2018-07-20

qq_笑_17

TA貢獻1818條經驗獲得超7個贊

體思路就是構造一個任務隊列

class Lazing {  constructor(item = '') {    this.queue = [{
        key: 'init',        val() {
          console.log('hello ' + item)
        }
      }]
  }

  eat(item) {    this.queue.push({
      key: 'eat',      val() {
        console.log('eating ' + item)
      }
    })    return this
  }

  sleep(time) {    this.queue.push({
      key: 'sleep',      val: time * 1000
    })    return this
  }

  sleepFirst(time) {    this.queue.unshift({
      key: 'sleep',      val: time * 1000
    })    return this
  }

  exec() {    for (let i = 0; i < this.queue.length; i++) {
      let key = this.queue[i]['key']
      let val = this.queue[i]['val']      if (key === 'sleep') {        this.queue.shift()
        setTimeout(this.exec.bind(this), val)        break
      } else {        val()        this.queue.shift()
        i--
      }
    }
  }
}

不過調用方式稍微不一樣些，但能達到效果

new Lazing('Garry').exec()new Lazing('Garry').sleep(3).eat('rice').exec()new Lazing('Garry').eat('rice').eat('bread').exec()new Lazing('Garry').sleepFirst(3).eat('rice').exec()new Lazing('Garry').eat('rice').sleepFirst(3).exec()

反對回復 2018-07-20