什么是js模板模式

本篇內容主要講解“什么是js模板模式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“什么是js模板模式”吧!

什么是模板模式？

模板模式是抽象父類定義了子類需要重寫的相關方法。 而這些方法，仍然是通過父類方法調用的。  根據描述，“模板”的思想體現在：父類定義的接口方法。 除此之外，子類方法的調用，也是被父類控制的。

應用場景

  一些系統的架構或者算法骨架，由“BOSS”編寫抽象方法，具體的實現，交給“小弟們”實現。 而絕對是不是用“小弟們”的方法，還是看“BOSS”的心情。 不是很恰當的比喻哈~

ES6 實現

Animal是抽象類，Dog和Cat分別具體實現了eat()和sleep()方法。 Dog或Cat實例可以通過live()方法調用eat()和sleep()。

 注意：Cat和Dog實例會被自動添加live()方法。不暴露live()是為了防止live()被子類重寫，保證父類的控制權。

class Animal {

  constructor() {

    // this 指向實例

    this.live = () => {

      this.eat();

      this.sleep();

    };

  }

  eat() {

    throw new Error("模板類方法必須被重寫");

  }

  sleep() {

    throw new Error("模板類方法必須被重寫");

  }

}

class Dog extends Animal {

  constructor(...args) {

    super(...args);

  }

  eat() {

    console.log("狗吃糧");

  }

  sleep() {

    console.log("狗睡覺");

  }

}

class Cat extends Animal {

  constructor(...args) {

    super(...args);

  }

  eat() {

    console.log("貓吃糧");

  }

  sleep() {

    console.log("貓睡覺");

  }

}

/********* 以下為測試代碼 ********/

// 此時, Animal中的this指向dog

let dog = new Dog();

dog.live();

// 此時, Animal中的this指向cat

let cat = new Cat();

cat.live();

到此，相信大家對“什么是js模板模式”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！