TypeScript设计模式-适配器模式|桥接模式|建造者模式

适配器模式

// 适配器模式

interface MediaPlayer {
  play(type: string, fileName: string): void;
}

interface AdvanceMediaPlayer {
  playVlc?(fileName: string): void;
  playMp4?(fileName: string): void;
}

class VlcPlayer implements AdvanceMediaPlayer {
  playVlc(fileName: string) {
    console.log("playing vlc file......." + fileName);
  }
}

class Mp4Player implements AdvanceMediaPlayer {
  playMp4(fileName: string) {
    console.log("playing mp4 file......." + fileName);
  }
}

class MediaAdapter implements MediaPlayer {
  player: AdvanceMediaPlayer;
  constructor(type: string) {
    // 根据type 生成哪一个播放类
    if (type === "vlc") {
      this.player = new VlcPlayer();
    } else if (type === "mp4") {
      this.player = new Mp4Player();
    } else {
      this.player = new Mp4Player(); // 默认使用mp4player
    }
  }
  play(type: string, fileName: string) {
    // 因为特定的播放类有特定的播放方法,所以还需要再根据type调用特定的播放类
    if (type === "vlc") {
      if (this.player.playVlc) this.player.playVlc(fileName);
    } else if (type === "mp4") {
      if (this.player.playMp4) this.player.playMp4(fileName);
    } else {
      return null;
    }
  }
}

export class AudioPlayer implements MediaPlayer {
  play(type: "mp3" | "mp4" | "vlc", fileName: string): boolean {
    if (type === "mp3") {
      console.log("播放器内置支持mp3, " + fileName + "已开始播放.");
      return true;
    } else if (type === "vlc" || type === "mp4") {
      let ma = new MediaAdapter(type);
      ma.play(type, fileName);
      return true;
    } else {
      console.log("不支持当前格式");
      return false;
    }
  }
}

测试文件:

import { AudioPlayer } from "../src/Adapter";
test("playing to be true", () => {
  let player = new AudioPlayer();
  expect(player.play("mp3", "aa.mp3")).toBe(true);
  expect(player.play("mp4", "bb.mp4")).toBe(true);
  expect(player.play("vlc", "cc.vlc")).toBe(true);
});

桥接模式

// 桥接模式

interface DrawApi {
  draw(radius: number, x: number, y: number): string;
}

export class RedCircle implements DrawApi {
  draw(radius: number, x: number, y: number) {
    console.log(radius, x, y);

    return "red circle";
  }
}

export class GreenCircle implements DrawApi {
  draw(radius: number, x: number, y: number) {
    console.log(radius, x, y);
    return "green circle";
  }
}

abstract class Shape {
  protected drawApi: DrawApi;
  protected constructor(drawApi: DrawApi) {
    this.drawApi = drawApi;
  }
  abstract draw(): string;
}

export class Circle extends Shape {
  private _x: number;
  private _y: number;
  private _radius: number;

  constructor(x: number, y: number, radius: number, drawApi: DrawApi) {
    super(drawApi);
    this._x = x;
    this._y = y;
    this._radius = radius;
  }
  draw() {
    return this.drawApi.draw(this._radius, this._x, this._y);
  }
}

测试文件:

import { Circle, RedCircle, GreenCircle } from "../src/Bridge";

test("circle shape", () => {
  let redCircle = new Circle(1, 1, 1, new RedCircle());
  let greenCircle = new Circle(2, 2, 2, new GreenCircle());
  expect(redCircle.draw()).toContain("red");
  expect(greenCircle.draw()).toContain("green");
});

建造者模式

// 建造者模式

// 从一个个简单的类组合成一个大的类。

// 食品包装接口
interface Packing {
  pack(): string;
}

// 纸质包装类,专门用来包裹汉堡
class Wrapper implements Packing {
  pack() {
    return "Wrapper";
  }
}

// 瓶子包装类,专门用来装饮料
class Bottle implements Packing {
  pack() {
    return "Bottle";
  }
}

// 食物接口
interface Item {
  name(): string;
  packing(): Packing;
  price(): number;
}

// 基类的好处,就是把公共的逻辑提取到基类中
// 汉堡基类
abstract class Burger implements Item {
  name() {
    return "Burger";
  }
  packing(): Packing {
    return new Wrapper();
  }
  abstract price(): number;
}

// 饮料基类
abstract class ColdDrink implements Item {
  name() {
    return "ColdDrink";
  }
  packing(): Packing {
    return new Bottle();
  }
  abstract price(): number;
}

// 素食汉堡
class VegBurger extends Burger {
  name() {
    return "VegBurger";
  }
  price() {
    return 25;
  }
}

// 鸡肉汉堡
class ChickenBurger extends Burger {
  name() {
    return "ChickenBurger";
  }
  price() {
    return 50;
  }
}

class Coke extends ColdDrink {
  name() {
    return "Coke";
  }
  price() {
    return 30;
  }
}

// 百事可乐
class Pepsi extends ColdDrink {
  name() {
    return "Pepsi";
  }
  price() {
    return 35;
  }
}

// 套餐
class Meal {
  private _items: Item[] = [];
  addItem(item: Item) {
    this._items.push(item);
  }
  getCost() {
    let cost = 0;
    for (let item of this._items) {
      cost += item.price();
    }
    return cost;
  }
  showItems() {
    for (let item of this._items) {
      console.log(`Item : ${item.name()}`);
      console.log(`Packing : ${item.packing().pack()}`);
      console.log(`Item : ${item.price()}`);
    }
  }
}

class MealBuilder {
  // 准备素食套餐
  prepareVegMeal() {
    let meal = new Meal();
    meal.addItem(new VegBurger());
    meal.addItem(new Coke());
    return meal;
  }
  // 准备非素食套餐
  prepareNoteVegMeal() {
    let meal = new Meal();
    meal.addItem(new ChickenBurger());
    meal.addItem(new Pepsi());
    return meal;
  }
}

export { Meal, MealBuilder, VegBurger, ChickenBurger, Coke, Pepsi };

测试文件:

import {
  Meal,
  MealBuilder,
  ChickenBurger,
  VegBurger,
  Coke,
  Pepsi
} from "../src/Builder";

test("mealBuilder get a Meal", () => {
  let mealBuilder = new MealBuilder();
  let m1 = mealBuilder.prepareVegMeal();
  let m2 = mealBuilder.prepareNoteVegMeal();
  expect(m1 instanceof Meal).toBe(true);
  expect(m2 instanceof Meal).toBe(true);

  expect(m1.getCost() === new VegBurger().price() + new Coke().price()).toBe(
    true
  );
  expect(
    m2.getCost() === new ChickenBurger().price() + new Pepsi().price()
  ).toBe(true);
});

github

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 设计模式概述 在学习面向对象七大设计原则时需要注意以下几点:a) 高内聚、低耦合和单一职能的“冲突”实际上,这两者...
    彦帧阅读 3,733评论 0 14
  • 前言:设计模式之结构型模式软件模式与具体的应用领域无关,也就是说无论你从事的是移动应用开发、桌面应用开发、Web ...
    markfork阅读 2,427评论 4 13
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,397评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,680评论 2 59
  • “#本文参加“青春”大赛,本人保证本文为本人原创,如有问题与主办方无关,自愿放弃评优评奖资格” 赣南师范大学 胡梦...
    DreamzhiG阅读 148评论 0 4