图解JS原型链中的三角恋
栏目: JavaScript · 发布时间: 5年前
内容简介:直接上图!额(⊙o⊙)…,有点乱!不着急,让我们一步步来理解首先先来明确这三个属性的定义:步骤分析:
直接上图!额(⊙o⊙)…,有点乱!不着急,让我们一步步来理解
首先先来明确这三个属性的定义:
-
prototype
:指向原型对象
(函数特有属性) -
__proto__
:指向构造该对象的构造函数的原型对象
-
constructor
:指回该原型对象中的构造函数
步骤分析:
- f1,f2是构造函数Foo()实例化出来的对象,
f1.__proto__
指向其构造函数的原型对象,和其构造函数Foo.prototype
指向的是同一个原型对象,同时原型对象可以通过constructor
指回构造函数(其他构造函数同理) - Foo函数原型对象使用
Foo.prototype.__proto__
指向了对象类型的原型对象Object.prototype :因为Foo原型对象本身也是一个对象,所以使用__proto__
指向了对象构造函数Object()
的原型对象Object.prototype
- Object函数原型对象
Object.prototype
是初始化的原型对象了,所以该对象的构造函数的原型对象为空nullObject.prototype.__proto__ == null
,也就是找不到创造它的对象了 - Object构造函数和其他构造函数的区别就是它的原型对象就是兜底的
Object.prototype
-
Foo.__proto__
、Object.__proto__
、Function.__proto__
这些构造函数的构造函数都是Function()
,所以它们的构造函数原型对象都是Function.prototype
- Function构造函数的原型对象
Function.prototype
是通过Object构造函数创建的,所以其原型对象为Object.prototype
以上所述就是小编给大家介绍的《图解JS原型链中的三角恋》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。