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

118 阅读2分钟

原型(一)

要点:

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