彻底理解原型链

相关概念：

实例，构造函数，原型对象，prototype属性，__prototype__属性

 

金科玉律：

1. prototype是函数的属性，__proto__是对象的属性。

所有函数都有prototype属性，所有对象都有__proto__属性。

 

2. 某类的实例.__proto__ === 该类构造函数.prototype === 该类原型对象

(举例：n.__proto__ === Number.prototype === Number的原型对象，

其中，Number的原型对象是一个“Number父类(Object)的实例)

 

3. 原型对象里的constructor属性指向回该类的构造函数

 

道理讲完了，用问题当入口梳理串起来：

 

首先我们用构造函数new一个实例，发生了什么？

（

新建一个对象，构造函数里的this赋给它，this.属性/this.方法都给它(不挂在this上无效)。

因此创建好的实例对象有了构造函数里this挂载的所有属性和方法。

）

重点在这：新实例的__proto__属性被构造函数的prototype属性赋值，一同指向该类的原型对象。

 

怎么搞继承（基本原理）？

 子类构造函数.prototype  = 父类实例;

这样根据上述逻辑，new出来的子类实例的__proto__属性会指向该父类实例。用处接着看。

 

当js要查找对象的某个属性，具体如何顺着原型链查找？

实例.属性? => 实例.__proto__.属性?（子类原型对象.属性/父类实例.属性）

=> 实例.__proto__.__proto__.属性?（父类原型对象.属性/父父类实例.属性）