首页 > 其他 > 详细

对原型链的理解

时间:2018-07-30 10:30:10      阅读:175      评论:0      收藏:0      [点我收藏+]

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

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都指向FunctionObject.construtor = Function
所以
Object.__proto__ = Function.prototype,所以第二个为true

对原型链的理解

原文:https://www.cnblogs.com/usebtf/p/9388882.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!