JS学习-原型链的理解
来源:互联网 发布:a2淘宝旗舰店是真的吗 编辑:程序博客网 时间:2024/06/05 19:46
首先我们先创建一个构造函数,并创建两个实例
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]
0 0
- JS学习-原型链的理解
- js原型与原型链的理解
- js原型链的理解
- js的原型链理解
- js原型链的理解
- js原型的理解
- js原型的理解
- js关于原型构造函数和原型链的理解
- js中的原型与原型链的一点理解
- 关于js原型链 原型的个人理解
- js中原型链的深入理解
- js的原型链和对象理解
- 我对js原型链的理解
- JS中原型链的理解
- js原型链的深入理解
- 理解js原型和原型链
- JS原型、原型链深入理解
- JS原型、原型链深入理解
- IAP 远程升级设计实现
- java中形参,实参改变
- 33. Element tagName 属性
- Android Studio之软件安装教程
- Android重启当前Activity以及Activity生命周期的变化
- JS学习-原型链的理解
- zoj 2734 Exchange Cards
- 泛型
- <context annotation-config />标签意义:
- liunx 应用升级
- Selenium的延迟等待
- activemq 控制面板说明
- android_空指针异常
- web-inf文件下的页面间的相互跳转