原型、原型链

什么是原型

原型的本质实际上是一个json对象{},那么原型这个对象是哪里来的呢，实际上也是通过原型这个对象对应的构造函数实例出来的。那构造函数和普通的函数有什么区别呢？
构造函数是一种特殊的函数，可以通过new关键字实例出一个对象，如下所示：

function Person (name){
    this.name = name;
}
let obj1 = new Person("lihua");

obj1就是通过构造函数new出来的实例对象，该对象包含构造函数中定义的属性和方法，通过new关键字创建的对象会默认返回当前对象，并且函数中的this指向当前创建的对象。

注意:如果没有用new执行的普通函数在没有指定返回值时，会默认返回undefined;this指向的是window。

• js中会根据一组特定的规则为该函数创建一个prototype属性，是一个指针，指向这个函数的原型对象，该对象会存在着通过构造函数new出来的实例对象的所有共用属性和方法。

Person.prorotype = {};

• 当使用构造函数new出来的实例对象obj1内部会获得一个内部属性proto，指向该构造函数的原型对象。
  注意：这个连接是存在于实例对象的内部属性与构造函数的原型对象之间，而不是与构造函数之间。

obj1.__proto__ === Person.prototype; // true

• 构造函数的实例对象obj1都会获得一个内部属性constructor，指向构造函数。

obj1.constructor === Person; // true

• 默认情况下，所有的原型对象都会自动的获得一个constructor(构造函数)属性，这个属性是一个指向prototype函数所在函数的指针。

Person.prototype.constructor === Person; // true

对于以上理解如下图所示： image.png

什么是原型链

原型链类似于作用域链，如上图红色虚线区域内所示，如果在对象obj1上面寻找某个属性或者方法没有找到，那么会继续向该对象的原型对象Person.prototype上寻找，如果还没有，继续向Object.prototype寻找，就这样一级一级的找下去，形成一条原型链，直到找到想要的结果停止，或者查到原型链的顶端，结果为没有找到。