亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第16天 手寫lazyMan

標簽:
JavaScript

课程名称2周刷完100道前端优质面试真题
课程章节:第8章 前端面试技能拼图6: 编写高质量代码 - 正确,完整,清晰,鲁棒
主讲老师双越
课程内容
今天学习的内容包括:
8-11 手写一个LazyMan,实现sleep机制(13:10)
主要是讲 LazyMan 是啥,以及实现要注意的地方。

课程收获

  • LazyMan

作用:等待一定时间后才执行。要支持sleep、eat 两方法; 支持链式调用。

思路
eat、sleep 链式调用,用类实现,并且方法返回当前 this。
由于 sleep 函数是延迟执行不能直接调用。故 eat、sleep 函数调用时先依次入队。next 即为出队并执行的操作。eat 立刻调用 next,sleep 要 setTimeout 间隔一定事件后才出队执行。
所有方法注册完成后,触发执行。在constructor里 setTimeout(() => {this.next();});

  class LazyMan {
    constructor(name) {
      // 
      this.tasks = [];
      this.name = name;
      setTimeout(() => {
        this.next();
      });
    }

    next() {
      const task = this.tasks.shift(); // 取出当前 tasks 的第一个任务
      if (task) task();
    }

    eat(food) {
      const task = () => {
        console.info(`${this.name} eat ${food}`);
        this.next(); 
      };
      this.tasks.push(task);
      return this;
    }
    sleep(seconds) {
      const task = () => {
        console.info(`${this.name} 开始睡觉`);
        setTimeout(() => {
          console.info(
            `${this.name} 已经睡完了 ${seconds}s,开始执行下一个任务`
          );
          this.next(); // xx 秒之后再执行下一个任务
        }, seconds * 1000);
      };
      this.tasks.push(task);
      return this; // 链式调用
    }
  }
點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消