原型链继承

前提

​ 当谈到继承时，JavaScript 只有一种结构：对象。每个实例对象（object）都有一个私有属性（称之为 __proto__(隐式原型) ）指向它的构造函数的原型对象。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。（prototype）

特殊点

1. Object的隐式原型指向 null
2. Function() 的隐式原型指向 本身的prototype
3. null 没有原型
4. 任何函数都会有一个属性prototype 指向其自身的原型对象

属性的继承

当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。因此当判断属性是否存在该对象上时，使用hasOwnerProperty 方法比使用.运算符更高效

let a = {a:1, b:2};
console.log(a.a) // a 是自身存在的属性 输出1
console.log(a.toString()) // a中没有写同String方法 却输出了“[Object object]“ 
// 这是因为 toString在其原型链上

如何分析原型链

function User(){}
const user = new User();
// User.protoType 指向 User的原型对象
// 通过new 创建的实例user 他将会自动为user添加一个隐式原型指向 User的原型对象

任何一个对象都会具有这样的一个三角关系

// 接着我们把这张图补充完整
// 原型对象内部其实是通过 new Object() 创建的实例 其实我们常见的对象字面量也等同于此
let a = {};
consloe.log(a instanceof Object) // true

因此我们可以得到下面这张图

然后我们在看User函数

// 事实上我们通过这种方法声明函数
function User(){}
// 还是通过表达式的方式声明函数
const user = function User(){}
// 其内部都是通过new Function() 来定义这个函数对象 即User 是 Function 的实例

因此我们得到下图：

Function原型对象分析同User原型对象

因此就会有：

最后剩下Object原型对象和Function 函数 由特殊点的 1，2 点，最终图如下