对原型链的理解(补充)

本文详细介绍了JavaScript中对象属性的读取与设置原理,特别是原型链的作用。在读取属性时,JavaScript会自动查找原型链;而设置属性时,若当前对象不存在该属性,则会直接在当前对象上添加。通常,方法定义在原型中,供所有实例共享,而属性通过构造函数定义在每个实例上,确保每个实例的独立性。示例中展示了Person构造函数及其setName方法的使用,强调了实例对象方法与属性的差异。
摘要由CSDN通过智能技术生成

一、读取对象的属性值时:会自动到原型链查找

二、设置对象的属性值:不会查找原型链,如果当前对象中没有此属性,直接添加此属性。

三、方法一般定义在原型中,属性一般通过构造函数定义在对象本身上

function TP(){

}
TP.prototype.a='xxx'
var tp1=new TP()
console.log(tp1.a) //xxx
var tp2=new TP()
tp2.a='yyy'
console.log(tp1.a,tp2.a)//xxx yyy

可能有人对一二句话还不是很理解,没关系 我们把tp2打印出来([[Prototype]]就是__proto__)

 实际开发中我们肯定要创建多个对象,多个对象的属性不可能完全相同,所以我们的属性不能全放在原型链上,一般都定义在构造函数里

 多个实例对象 方法是公用的,属性是各自的

且如果创建了p2实例对象,p2._proto_===p1.proto结果为true 因为他们的构造函数都是Person

实例对象的隐式原型等于构造函数的显示原型

function Person(name,age){
    this.name=name
    this.age=age
}
Person.prototype.setName= function(name){
    this.name=name
}
var p1=new Person("sxy",21)
p1.setName('lzn')
console.log(p1)
console.log(p1.name,p1.age)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

画大饼之王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值