TypeScript | 设计模式02 - 原型模式

简介: 原型模式用一个已经创建的实例为原型,通过复制该原型实例来创建一个和原型相同或类似的新对象。简单说,通过克隆对象来实现一个新的对象。

原型模式

用一个已经创建的实例为原型,通过复制该原型实例来创建一个和原型相同或类似的新对象。简单说,通过克隆对象来实现一个新的对象。

直接查看一下的demo:

interface CarProto {
  clone(): CarProto;
}
​
class Bus implements CarProto {
  public name: string;
  public from: string;
  public createYear: number;
​
  constructor() {
    this.name = "公交车1";
    this.from = "北京";
    this.createYear = 2001;
  }
​
  public toWhere(where: string) {
    return `${this.name} 从 ${this.from} 开往 ${where}`;
  }
  // 实现复制
  public clone(): CarProto {
    return Object.create(this);
  }
}
​
const bus1 = new Bus();
console.log(bus1.toWhere("天津"));
bus1.name = "公交车2";
const bus2 = Object.create(bus1);
console.log(bus2.toWhere("天津"));
console.log(bus1.toWhere("天津"));
​
// 输出结果
公交车1 从 北京 开往 天津
公交车2 从 北京 开往 天津
公交车2 从 北京 开往 天津

通过Object.create的方法创建新的对象,提高了效率,但是从结果输出来看,需要对已有的类进行修改,原始的对象也发生了变化,整个过程就违背了OCP(开闭原则)原则。

适用场景:

  1. 对象间相同或者相似,没有太大的差别,即仅部分属性不同
  2. 当创建的对象成本比较大,如初始化时间长,占用网络资源过大
  3. 当创建的对象需要比较多的前置条件
  4. 系统中大量使用该类对象,且都需要对该对象的属性重新赋值

javaScript的原型和原型链

再聊聊JavaScript的原型和原型链,因JavaScript是基于原型的面向对象编程语言。

  • 原型(prototype):每个对象都包含一个原型属性,用于关联另一个对象,关联后就能使用那个对象的属性和方法

    • new创建的对象时,其实是 构造函数.constructor =原型
    • 大部分都具有原型,都继承自Object.prototype的原型
    • null、Object.prototype没有原型对象
  • 原型链:对象之间通过原型关联起来,形成一个原型链
目录
相关文章
|
7月前
|
设计模式 安全 Java
面向对象编程的精髓:Java设计模式 - 原型模式(Prototype)完全参考手册
【4月更文挑战第7天】原型模式是OOP中的创建型设计模式,用于通过复制现有实例创建新实例,尤其适用于创建成本高或依赖其他对象的情况。它包括Prototype接口、ConcretePrototype实现和Client客户端角色。优点是性能优化、避免子类化和动态增加产品族。实现包括定义原型接口、实现具体原型和客户端调用克隆方法。最佳实践涉及确保克隆正确性、选择深拷贝或浅拷贝及考虑线程安全。但需注意克隆方法管理、性能开销和循环引用等问题。在Java中,实现Cloneable接口和覆盖clone方法可实现原型模式。
79 4
|
7月前
|
设计模式 Java 关系型数据库
23种设计模式 —— 原型模式【克隆羊、浅拷贝、深拷贝】
23种设计模式 —— 原型模式【克隆羊、浅拷贝、深拷贝】
|
7月前
|
设计模式 安全 Java
【设计模式】原型模式
【设计模式】原型模式
|
3月前
|
设计模式 Java 关系型数据库
【Java笔记+踩坑】设计模式——原型模式
对比原型模式和传统方式的实现思路、代码方案、优缺点,阐述原型模式的使用场景,以及深拷贝、浅拷贝等相关概念,并扩展原型模式在Spring源码中的应用。
【Java笔记+踩坑】设计模式——原型模式
|
3月前
|
设计模式 Java
Java设计模式-原型模式(3)
Java设计模式-原型模式(3)
Java设计模式-原型模式(3)
|
5月前
|
设计模式
iLogtail设计模式问题之iLogtail中的原型模式是什么
iLogtail设计模式问题之iLogtail中的原型模式是什么
iLogtail设计模式问题之iLogtail中的原型模式是什么
|
5月前
|
设计模式 JavaScript
js设计模式【详解】—— 原型模式
js设计模式【详解】—— 原型模式
52 6
|
6月前
|
设计模式 Java
Java设计模式之原型模式详解
Java设计模式之原型模式详解
|
6月前
|
设计模式
原型模式-大话设计模式
原型模式-大话设计模式
|
6月前
|
设计模式 Java Spring
设计模式——原型模式
设计模式——原型模式