一、读取对象的属性值时:会自动到原型链查找
二、设置对象的属性值:不会查找原型链,如果当前对象中没有此属性,直接添加此属性。
三、方法一般定义在原型中,属性一般通过构造函数定义在对象本身上
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)

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

被折叠的 条评论
为什么被折叠?



