JavaScript(原型对象和原型链)

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将这个同名属性在实例中彻底删除。(注意:使用delete删除构造函数中的属性将把实例的原型对象中的属性也删除即如果把name放在Person()中,使用delete,person2的name将不存在)

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构造函数,而不是原有的对象

 

 

 

 

 

展开阅读全文

没有更多推荐了,返回首页