原型模式的应用场景

一、单例模式的应用场景

单例模式是一种常见的设计模式，其应用场景也非常广泛。单例模式通常只允许一个实例存在，可以用于创建全局唯一的对象。在使用原型模式实现单例模式时，先创建一个原型对象，然后通过克隆出多个相同的实例。

class Singleton {
  constructor() {
    if (!Singleton.instance) {
      this.name = 'I am a Singleton';
      Singleton.instance = this;
    }
    return Singleton.instance;
  }
  getName() {
    console.log(this.name);
  }
}

class SingletonPrototype {
  constructor() {
    this.name = 'I am a Singleton by Prototype';
  }
  clone() {
    return Object.create(this);
  }
}

const singletonPrototype = new SingletonPrototype();
const instance1 = singletonPrototype.clone();
const instance2 = singletonPrototype.clone();
instance1.getName();
instance2.getName();
console.log(instance1 === instance2); // true

二、js原型链的应用场景

原型链是Javascript中非常重要的概念，所有的Javascript对象都是通过原型链进行继承的。原型链的应用场景包括创建漂亮的图表、创建独立的JavaScript库和插件、实现不可变性等等。

function Person(name) {
  this.name = name;
}
Person.prototype.sayName = function() {
  console.log(this.name);
};
function Student(name, grade) {
  this.grade = grade;
  Person.call(this, name);
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
Student.prototype.sayGrade = function() {
  console.log(this.grade);
};

const student = new Student('Tom', 'A');
student.sayName();
student.sayGrade();

三、适配器模式应用场景

适配器模式用于解决两个不兼容的接口之间的问题。原型模式适配器可以将一个类的接口转换为客户所期望的另一种接口。

class Target {
  request() {
    return 'Target: Default behavior';
  }
}

class Adaptee {
  specificRequest() {
    return 'Adaptee: Specific behavior';
  }
}

class Adapter extends Target {
  constructor(adaptee) {
    super();
    this.adaptee = adaptee;
  }
  request() {
    return `Adapter: (translate '${this.adaptee.specificRequest()}' to the request())`;
  }
}

const adaptee = new Adaptee();
const adapter = new Adapter(adaptee);
const result = adapter.request();
console.log(result);

四、原型模型适用场景

原型模式主要应用于创建复杂对象的场景，通过克隆一个预设对象来创建新的对象实例。例如在大多数游戏中，角色的创建过程很常见，可以使用原型模型来抽象出角色的特征和属性，然后通过克隆来创建多个实例。

class Enemy {
  constructor() {
    this.name = '';
    this.attack = 0;
    this.defend = 0;
    this.speed = 0;
  }
  clone() {
    return Object.create(this);
  }
}

const boss = new Enemy();
boss.name = 'Big Boss';
boss.attack = 50;
boss.defend = 30;
boss.speed = 20;
const enemy1 = boss.clone();
enemy1.name = 'Enemy 1';
const enemy2 = boss.clone();
enemy2.name = 'Enemy 2';
console.log(boss);
console.log(enemy1);
console.log(enemy2);