对原型链的理解

Posted 2020-12-26 usebtf

有很多同学对原型链感到困扰，希望这篇文章对这些同学有一些帮助。

1. 要理解原型链就必须知道下面两个概念，因为很多逻辑关系可以通过下面的概念进行推荐（当然这两个概念是引用的别人的，具体是谁的，我也记不太清除了，其他的是建立在这两个概念上面自己进行总结的）

（1）所有的构造器的constructor都指向Function（包括自定义的构造函数）

console.log(Object.constructor);
// Function
console.log(String.constructor);
// Function
console.log(Array.constructor);
// Function
console.log(Function.constructor);
// Function

（2）Function的prototype指向一个特殊匿名函数，而这个特殊匿名函数的__proto__指向Object.prototype

Function.prototype.__proto__ === Object.prototype; // true

2. 根据1中的（2）可以进一步推导

构造器.prototype.__proto__（Object除外） ===  Object.prototype

3. Object.prototype为所有原型的顶层，Object.prototype.__proto__为null

4. 元素.instanceof(构造函数)

判断 构造函数.prototype 是否在元素的原型链上
分析

Function instanceof Object // true
Object instanceof Function // true

（1）当把Function当成元素时

Function.__proto__ = Function.construtor.prototype
由1-（1）可知
Function.construtor = Function
所以
Function.__proto__ = Function.prototype，此时他们都指向一个匿名函数

而这个匿名函数的__proto__指向Object.prototype，所以第一个为true

（2）当把Object当成元素时,

Object.__proto__ = Object.construtor.prototype
由1-（1）可知
所有构造器的constructor都指向Function，Object.construtor = Function
所以
Object.__proto__ = Function.prototype，所以第二个为true