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

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),綏江網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:綏江等地區(qū)。綏江做網(wǎng)站價(jià)格咨詢:18982081108

什么是模板模式？

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

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

  }

}

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

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

let dog = new Dog();

dog.live();

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

let cat = new Cat();

cat.live();

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

當(dāng)前文章：什么是js模板模式
分享URL：http://jinyejixie.com/article8/poship.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、面包屑導(dǎo)航、服務(wù)器托管、網(wǎng)站排名、外貿(mào)建站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)