js实例对象读写原型对象成员

在 JavaScript 中,实例对象可以读写原型对象的成员。原型对象是一个对象,用于存储共享的属性和方法,它是通过构造函数创建的实例对象的共享属性和方法的来源。

你可以通过以下几种方式来读写原型对象的成员:

  1. 通过实例对象的__proto__属性来读取原型对象的成员。__proto__属性指向实例对象的原型对象。

    function Person(name) {
      this.name = name;
    }
    Person.prototype.age = 20;
    
    var person = new Person("John");
    console.log(person.__proto__.age); // 输出 20
    

  2. 通过 Object.getPrototypeOf() 方法来获取实例对象的原型对象,并读取原型对象的成员。

    function Person(name) {
      this.name = name;
    }
    Person.prototype.age = 20;
    
    var person = new Person("John");
    var proto = Object.getPrototypeOf(person);
    console.log(proto.age); // 输出 20
    

  3. 直接通过实例对象来访问原型对象的成员。实例对象会首先在自身的属性中查找,如果找不到,就会继续在原型对象中查找。

    function Person(name) {
      this.name = name;
    }
    Person.prototype.age = 20;
    
    var person = new Person("John");
    console.log(person.age); // 输出 20
    

对于写入原型对象的成员,如果实例对象中已经存在同名的属性,则会覆盖原型对象中的成员。如果实例对象中不存在同名的属性,则会在实例对象中创建一个新的属性。

function Person(name) {
  this.name = name;
}

Person.prototype.age = 20;

var person = new Person("John");
console.log(person.age); // 输出 20

person.age = 25;
console.log(person.age); // 输出 25

console.log(Person.prototype.age); // 输出 20

上述代码中,当我们将person.age赋值为25时,实际上是在实例对象中创建了一个名为age的新属性,覆盖了原型对象中的age属性。此时,person.agePerson.prototype.age是不同的值。

总结:

  • 实例对象可以通过 __proto__ 属性、Object.getPrototypeOf() 方法和直接访问属性的方式读取原型对象的成员。
  • 如果实例对象中已经存在同名的属性,写入操作会覆盖原型对象中的成员,如果不存在同名的属性,写入操作会创建一个新的属性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

ordinary90

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

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

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

打赏作者

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

抵扣说明:

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

余额充值