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
原创粉丝点击