对原型链的理解

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

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)可以进一步推导

// 构造器的类型就是Function
构造器.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

posted @ 2018-07-30 09:17  天使猫  阅读(838)  评论(0编辑  收藏  举报