原型链模式扩展

来源:互联网 发布:u盘windows无法格式化 编辑:程序博客网 时间:2024/06/11 17:18

原型链模式扩展

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(){}

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

原创粉丝点击