原型链模式扩展
来源:互联网 发布: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(){}
但是我们可以一个个修改内置的方法,如果方法名和原来内置的重复了,会把内置的修改掉
注意:自己在内置类的原型上增加方法,命名要避免重复
阅读全文
0 0
- 原型链模式扩展
- javascript设计模式介绍(三) 原型模式 扩展知识
- 原型链模式
- 原型链模式基础
- JavaScript的constructor 、prototype解析 -- 原型模式知识扩展
- JAVA设计模式(原型链模式)
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型模式
- 原型 模式
- 原型模式
- 原型模式
- 51Nod——1003 阶乘后面0的数量
- 实现一个函数,打印乘法口诀表,口诀表的行数和列数自己指定
- eclipse连接MSSQL2000实例
- 谈谈document.ready和window.onload的区别
- JDK源码获取
- 原型链模式扩展
- XSS浅学习
- 剑指offer之空格替换(Python)
- Linux常用指令
- HttpURLConnection 请求
- spring 源码学习笔记(一)—— spring ioc 之加载XML转换为BeanDefinition
- 论文管理方法
- Failed to resolve: com.android.support:26.X.X 问题的解决
- 基于Python安装TensorFlow、库安装和Jupyter Notebook