JS学习-原型链的理解

首先我们先创建一个构造函数,并创建两个实例

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值