JavaScript(原型对象和原型链)

  • Post author:
  • Post category:java


1.我们创建的每一个函数都有prototype属性,它指向一个对象,即原型对象。原型对象包含这个特定类型所有实例共享的属性和方法,所以原型对象可以理解为这个特定类型构造函数的实例。

function Person() {
  this.name="Lily",
  this.age= 18
  this.sayName = function() {
    console.log(this.name)
  }
}
console.log("Person.prototype", Person.prototype);
console.log("Person.prototype._proto_", Object.getPrototypeOf(Person.prototype));
 

2.JS 创建的对象都有一个_proto_属性,_proto_属性连接实例和构造函数的原型对象,对外不可见,无法直接获得,可以通过Object.getPrototypeOf()方法得到这个属性

var person1 = new Person();
console.log(person1)

3.所有构造器的prototype都是object类型,但是function的prototype是一个空函数,且所有构造器(内置对象)的_proto_指向这个空函数。

console.log(typeof Person.prototype)// object
console.log(typeof Object.getPrototypeOf(person1))// object
console.log(Function.prototype) // f(){}
console.log(typeof Function.prototype)// Function
console.log(typeof Object.prototype)// object
console.log(typeof Array.prototype)// object
console.log(typeof Number.prototype)// object
console.log(typeof Date.prototype)// object
console.log(typeof String.prototype)// object
console.log(typeof Boolean.prototype)// object

console.log(Object.getPrototypeOf(Boolean))// f(){}

4.当代码获取某个对象的属性时,首先会在对象实例本身内查找,如果查找不到,就会向上搜索其原型对象。因此在实例中改变原型对象中的属性值,并不会重写这个属性值,只是原型对象中的属性值被屏蔽了而已。即为实例添加一个属性时,这个属性会屏蔽原型对象中的同名属性。若想访问原型对象中的属性值,需要使用delete将这个同名属性在实例中彻底删除。

function Person() {};
Person.prototype.name = 'Lily';
Person.prototype.age = 18;
var person1 = new Person();
var person2 = new Person();
person2.name = "Tom";
console.log(person1.name);// Lily
console.log(person2.name); // Tom
delete person2.name;
console.log(person1.name); // Lily
console.log(person2.name); // Lily

5.hasOwnProperty(“属性名”)可以检测一个属性是存在于实例还是原型对象中,其返回值true代表存在于实例中,false代表存在于原型对象中

6.一个属性能够访问时(无论是在实例还是原型对象中)in操作符都会返回true,所以当in操作符返回true,而hasOwnProperty()返回false时,可以判断这个属性存在于原型对象中,而非实例中。

7.当使用对象字面量来重写原型对象时,会改变其constructor属性,使其指向Object构造函数,而不是原有的对象



版权声明:本文为Ella_Yan原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。