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将这个同名属性在实例中彻底删除。

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