码迷,mamicode.com
首页 > 其他好文 > 详细

对原型链的理解

时间:2018-07-30 11:08:21      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:null   ceo   元素   其他   分析   fun   eof   匿名函数   建立   

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

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

对原型链的理解

标签:null   ceo   元素   其他   分析   fun   eof   匿名函数   建立   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!