您的位置:首页 > Web前端 > JavaScript

JS学习-原型链的理解

2015-08-06 11:34 218 查看
首先我们先创建一个构造函数,并创建两个实例

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]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: