JS学习-原型链的理解
2015-08-06 11:34
218 查看
首先我们先创建一个构造函数,并创建两个实例
shirt.prototype 任何一个函数都有此属性,但它只有函数当做类来用的时候才有意义,把所有共享的方法都保存在此属性上。这个属性明显是一个对象型。
我觉得可以通俗的将原型理解为共享云,之后定义的实例都可以访问,也可以修改。
实例的查找是分优先级的,首先在自己本身中查找,如果查找不到就到共享中去查找,如:
shirt1中是不存在fn属性的,但是原型中存在,故可以查找到。
shirt1.fn跟shirt2.fn以及shirt.fn都是同一个
实例修改原型
此时的打印结果为[1,2,3]和1
shirt1.a是给自己本身写入了一个属性a,不涉及到查找,所以,不会改变原型中的a
这次涉及到查找,要先找a在找a里面索引为1的内容,故 访问的是原型中的a,原型中的a改变了弹出
[1,12,3]和[1,12,3]
function shirt(){ this.name=""; this.age=""; this.height=""; this.weight=""; } var shirt1=new shirt(); var shirt2=new shirt();
shirt.prototype 任何一个函数都有此属性,但它只有函数当做类来用的时候才有意义,把所有共享的方法都保存在此属性上。这个属性明显是一个对象型。
我觉得可以通俗的将原型理解为共享云,之后定义的实例都可以访问,也可以修改。
实例的查找是分优先级的,首先在自己本身中查找,如果查找不到就到共享中去查找,如:
shirt.prototype.fn=function(){console.log("xxx");}; console.log(shirt1.fn)
shirt1中是不存在fn属性的,但是原型中存在,故可以查找到。
shirt1.fn跟shirt2.fn以及shirt.fn都是同一个
实例修改原型
shirt.prototype.a=[1,2,3]; shirt1.a=1; console.log(shirt2.a); console.log(shirt1.a);
此时的打印结果为[1,2,3]和1
shirt1.a是给自己本身写入了一个属性a,不涉及到查找,所以,不会改变原型中的a
shirt1.a[1]=12; console.log(shirt2.a); console.log(shirt1.a);
这次涉及到查找,要先找a在找a里面索引为1的内容,故 访问的是原型中的a,原型中的a改变了弹出
[1,12,3]和[1,12,3]
相关文章推荐
- javascript 获取标签内的内容
- js中如何将GBK的英文转为普通英文, 全角转为半角
- 使用javascript的onsubmit进行表单合法性验证
- 原生JS实现轮播图
- Highmaps的天津地图数据JSON格式
- 用js来实现页面的换肤功能(带cookie记忆)
- Extjs换肤+cookie皮肤记忆功能
- JavaScript淡入淡出渐变简单实例
- 原生js绑定和解除事件
- js闭包类似cs闭包
- javascript:getElementsByName td name
- json数据的使用方法
- 对于Unicode编码在js中和html中
- javascript
- javaScript常用运算符和操作符总结
- js简单实现标签云效果实例
- JspWriter 与 printwriter区别
- javascript闭包理解
- XML与JSON的区别?各自有哪些优缺点?
- KeyPress 和KeyDown 、KeyPress的区别