JavaScript 面向对象中的原型(一)

原型(一)

要点:

  1. (构造函数)每个函数都有一个prototype(原型)属性。
  2. 该属性是一个指针。
  3. 该指针指向的对象包含由特定类型的所有实例共享的属性和方法。
    换句话说,使用 构造函数+原型 创造一个类时,构造函数的属性和方法在每个实例中都存在且不能共享,而在原型中的属性和方法可以共享。不必在构造函数中定义对象实例的公有信息,而是直接将这些信息添加到原型对象中。
function Person(){
}

Person.prototype.name = 'John';
Person.prototype.sayname = function(){
    alert(this.name);
};

var person1 = new Person();
person1.sayname();  //'John'

var person2 = new Person();

person1.name = 'Greg'; //将person1中来自原型的name属性屏蔽掉(没有删除)并覆盖新值,且该值位于实例中
alert(person1.name)  //'Greg'---来自实例
alert(person2.name)  //'John'---来自原型

delete person1.name  //删除了实例属性name,之后原型中的name属性得以与实例连接
alert(person1.name)  //'John'---来自原型

如何理解构造函数、实例、原型之间的关系?

  1. 每个构造函数有一个 prototype(原型)属性,指向一个原型对象。
  2. 原型对象初始时默认只有从Object继承而来的方法、属性以及一个constructor属性。该constructor属性也是一个指针,又反过来指向了构造函数。
  3. 可以向原型对象添加额外的属性和方法.
  4. 通过同一个构造函数创建的对象,他们的在原型对象创建的属性和方法共享。(包括constructor属性,因此也可以通过对象实例来访问构造函数)
  5. 在访问一个实例的属性和方法时,会优先在实例对象中寻找,再在原型对象中寻找。
  6. 相同的实例属性名可以覆盖掉原型中的同名属性,使之成为实例属性(即重写了属性)。将该实例属性用delete删除后,原型属性得以再次连接。、
//hasOwnProperty()方法可以检查某个属性是实例属性还是原型属性,当给定属性是实例属性时(包括覆盖掉原型属性的同名实例属性),返回值为true。使用方法如下:
alert(person2.hasOwnProperty("name"))   //---false(来自原型)

其他的应用

in可以单独使用已判断某对象能否访问给定的属性(无论是实例中还是原型中)。

alert('name' in person1)   //---true

in可以与hasOwnProperty()方法组合使用来确定某属性为实例属性还是原型属性。(注意,这两个结果并不包含所有结果,可能某属性在实例和原型中都不存在,但是返回值可能无法判断。应视实际情况而定)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

西文川

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

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

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

打赏作者

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

抵扣说明:

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

余额充值