原型链模式扩展

原型链模式扩展

function Fn() {
      this.x = 100;
      this.y = 200;
    }
Fn.prototype.getX = function () {

};
Fn.prototype.getY = function () {

};
var f1 = new Fn;

批量设置原型上的公有属性和方法

1. 起一个别名

var pro = Fn.prototype;把原来原型指向的地址赋值给pro，现在它们操作是是同一个内存空间

2. 重构原型对象的两种方式

自己开辟一个堆内存，储存我们公有的属性和方法，把浏览器原来给Fn.prototype开辟的那个给替换掉。

function Fn() {
  this.x = 100;
  this.y = 200;
}
Fn.prototype = {
  getX:function () {

  },
  getY:function () {

  }
};
var f1 = new Fn;

1. 只有浏览器自动给Fn.prototype开辟的堆内存里面才有constructor，而我们自己开辟的这个堆内存没有这个属性。这样constructor指向就不再是Fn而是Object

console.log(f1.constructor); // Object

为了和原来的保持一致，我们需要手动的增加constructor指向

Fn.prototype = {
  constructor:Fn,
  getX:function () {
  }
};
var f1 = new Fn;

console.log(f1.constructor); // Fn

2. 给内置类增加公有的属性

例如：给内置类Array增加数组去重的方法

Array.prototype={
  constructor:Array,
  unique:function () {

  }
}
console.log(Array.prototype) // 不是自己重写的

用这种方式会把之前存在于原型上的属性和方法给替换掉，所以用这种方式修改内置类，浏览器是给屏蔽掉的
但是使用下种方式可以

Array.prototype.sort=function(){}

但是我们可以一个个修改内置的方法，如果方法名和原来内置的重复了，会把内置的修改掉
注意：自己在内置类的原型上增加方法，命名要避免重复