什么是js模板模式

本篇內(nèi)容主要講解“什么是js模板模式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“什么是js模板模式”吧!

什么是模板模式？

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

應(yīng)用場(chǎng)景

  一些系統(tǒng)的架構(gòu)或者算法骨架，由“BOSS”編寫抽象方法，具體的實(shí)現(xiàn)，交給“小弟們”實(shí)現(xiàn)。 而絕對(duì)是不是用“小弟們”的方法，還是看“BOSS”的心情。 不是很恰當(dāng)?shù)谋扔鞴

ES6 實(shí)現(xiàn)

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

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

class Animal {

  constructor() {

    // this 指向?qū)嵗?/p>

    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("貓睡覺");

  }

}

/********* 以下為測(cè)試代碼 ********/

// 此時(shí), Animal中的this指向dog

let dog = new Dog();

dog.live();

// 此時(shí), Animal中的this指向cat

let cat = new Cat();

cat.live();

到此，相信大家對(duì)“什么是js模板模式”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！