深入淺出設計模式(Design Pattern)-轉接器模式(7-Adapter-Pattern)

Ben

Published in

生活的各種可能性

Jan 30, 2024

看到這張圖片是不是用腳指頭上的指甲都想的出來要介紹什麼啊，這篇要來介紹轉接器模式(Adapter Pattern)。

轉接器模式(Adapter Pattern)

定義：可以將一個類別的介面轉換成用戶端預期的另一個介面。轉接器可以讓介面不相容的類別合作無間。

我們先來看看我們這次碰到的問題

情境：我們目前有一個既有的系統，但我們現在必須將廠商的系統整合進我們的系統裡，但廠商與我們既有的介面不一樣，所以無法接在一起，但我們又不想為了這個問題修改我們或是廠商(不容許修改)的程式碼，那我們有沒有什麼辦法能在這個狀況下不編寫額外的程式碼將它們整合起來呢？

我們來看看一個簡單的範例

// 轉接器介面(client呼叫的對象)
interface IteratorAdapter {
  hasNext(): void;
  next(): void;
  remove(): void;
}

// 適應者(被轉接的對象)介面
interface EnumeratorAdaptee {
  hasMoreElements(): void;
  nextElement(): void;
  delete(): void;
}

// 實作適應者(被轉接的對象)
class EnumeratorAdaptee implements EnumeratorAdaptee {
  public hasMoreElements(): void {
    console.log("call hasMoreElements");
  }

  public nextElement(): void {
    console.log("call nextElement");
  }

  public delete(): void {
    console.log("call delete");
  }
}

// 實作轉接器
class EnumerationIterator<T extends EnumeratorAdaptee> implements IteratorAdapter {
  enumerator: T;

  // 建構式接受一個被轉接的對象
  constructor(enumerator: T) {
    this.enumerator = enumerator;
  }
  
  // 將行為hasNext委託給接受的對象
  public hasNext(): void {
    this.enumerator.hasMoreElements();
  }

  // 將行為next委託給接受的對象
  public next(): void {
    this.enumerator.nextElement();
  }

  // 將行為remove委託給接受的對象
  public remove(): void {
    this.enumerator.delete();
  }
}

const enumeratorAdaptee = new EnumeratorAdaptee();
const enumerationIterator = new EnumerationIterator(enumeratorAdaptee);
enumerationIterator.hasNext();
enumerationIterator.next();
enumerationIterator.remove();