JavaScript 無法原生支持接口和抽象類，但可通過拋出錯(cuò)誤模擬抽象類方法、運(yùn)行時(shí)檢查實(shí)現(xiàn)接口契約，或結(jié)合 TypeScript 獲得靜態(tài)類型檢查，從而在不同場景下實(shí)現(xiàn)類似功能。

JavaScript 本身不支持接口（interface）和抽象類（abstract class）這樣的語法特性，但可以通過一些模式和技術(shù)來模擬它們，從而實(shí)現(xiàn)更嚴(yán)謹(jǐn)?shù)拿嫦驅(qū)ο笤O(shè)計(jì)。

使用函數(shù)或類模擬抽象類

抽象類的核心是：包含未實(shí)現(xiàn)的方法，子類必須重寫這些方法。在 JavaScript 中，可以通過拋出錯(cuò)誤來強(qiáng)制子類實(shí)現(xiàn)特定方法。

定義一個(gè)“抽象類”Animal：

speak() { throw new Error("speak 方法必須由子類實(shí)現(xiàn)"); } }

<p>子類繼承并實(shí)現(xiàn) speak 方法：</p>
```javascript
class Dog extends Animal {
  speak() {
    console.log(`${this.name} says woof`);
  }
}

class Cat extends Animal {
  speak() {
    console.log(`${this.name} says meow`);
  }
}

如果子類忘記實(shí)現(xiàn) speak，調(diào)用時(shí)會提示錯(cuò)誤，起到約束作用。

立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；

模擬接口：通過契約檢查實(shí)現(xiàn)

JavaScript 沒有原生接口，但可以模擬“對象必須具備某些方法”的行為。常見方式是運(yùn)行時(shí)檢查對象是否實(shí)現(xiàn)了指定方法。

創(chuàng)客貼設(shè)計(jì)

創(chuàng)客貼設(shè)計(jì)，一款智能在線設(shè)計(jì)工具，設(shè)計(jì)不求人，AI助你零基礎(chǔ)完成專業(yè)設(shè)計(jì)！

51

查看詳情

使用場景：

const player = new AudioPlayer(); implementsInterface(player, 'play', 'pause'); // 檢查通過

<p>這種機(jī)制可在構(gòu)造函數(shù)或模塊入口處加入，確保傳入的對象符合預(yù)期結(jié)構(gòu)。</p>

<H3>結(jié)合工廠或構(gòu)造函數(shù)增強(qiáng)約束</H3>
<p>在創(chuàng)建對象時(shí)進(jìn)行接口驗(yàn)證，可提前發(fā)現(xiàn)問題。</p>
<p>例如，在構(gòu)造服務(wù)類時(shí)驗(yàn)證依賴是否實(shí)現(xiàn)所需方法：</p>
```javascript
class MediaPlayer {
  constructor(player) {
    implementsInterface(player, 'play', 'stop');
    this.player = player;
  }

  start() {
    this.player.play();
  }
}

這樣即使沒有編譯期檢查，也能在運(yùn)行初期捕獲設(shè)計(jì)錯(cuò)誤。

配合 TypeScript 實(shí)現(xiàn)更嚴(yán)格的靜態(tài)檢查

若項(xiàng)目允許使用 TypeScript，則可以直接使用 interface 和 abstract class，獲得真正的接口與抽象類支持。

abstract class Animal { constructor(protected name: string) {} abstract makeSound(): void; }

class Dog extends Animal implements Speaker { makeSound() { console.log(this.name + " woof"); } speak() { this.makeSound(); } }

<p>TypeScript 在編譯階段就能檢查實(shí)現(xiàn)完整性，是更推薦的大型項(xiàng)目方案。</p>

<p>基本上就這些。純 JavaScript 可通過運(yùn)行時(shí)檢查模擬接口和抽象類，適合輕量級約束；而 TypeScript 提供了語言級別的支持，更適合復(fù)雜系統(tǒng)設(shè)計(jì)。選擇哪種方式取決于項(xiàng)目規(guī)模和團(tuán)隊(duì)技術(shù)棧。</p>

以上就是在JavaScript中，如何模擬接口與抽象類以實(shí)現(xiàn)更嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)？的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！