javascript设计模式 - 原型模式

原型模式
1 ： 原型的定义：
（1）每当创建一个函数，都会有一个 prototype （原型属性）。
（2）原型（prototype） 这个属性的指针 指向一个对象，而这个对象的用途 可以由特定类型的所有实例 共享 属性和方法 ！
（3）原型（prototype）是共享所有的属性和方法， 也就是说：如果 new 了 两个实例化 ，他们的方法 做对比 返回 true ， 共同使用一个地址 。

function fn() {
  fn.prototype.name = "xxxx";
  fn.prototype.methodName = function () {
    return "这是一个共享方法";
  };
}

var fn1 = new fn()
var fn2 = new fn()
console.log(fn1.name);
console.log(fn1.methodName === fn2.methodName);

但有个缺点 ：
如果 如果改变 一个 实例化的对象后， 另一个 也会改变 ！

function fn() {
  fn.prototype.name = "xxxx";
  fn.prototype.arr = [1,2,3];
  fn.prototype.methodName = function () {
    return "这是一个共享方法";
  };
}


var fn1 = new fn()
var fn2 = new fn()

fn1.arr.push("添加一个");
console.log(fn1.arr);
console.log(fn2.arr);

这里可以看到 fn2里面的 引用类型也跟着改变了 ！