图解JS原型链中的三角恋

栏目: JavaScript · 发布时间: 5年前

内容简介:直接上图!额(⊙o⊙)…,有点乱!不着急,让我们一步步来理解首先先来明确这三个属性的定义:步骤分析:

直接上图!额(⊙o⊙)…,有点乱!不着急,让我们一步步来理解

图解JS原型链中的三角恋

首先先来明确这三个属性的定义:

  • prototype :指向 原型对象 (函数特有属性)
  • __proto__ :指向构造该对象的构造函数的 原型对象
  • constructor :指回该原型对象中的构造函数

步骤分析:

  1. f1,f2是构造函数Foo()实例化出来的对象, f1.__proto__ 指向其构造函数的原型对象,和其构造函数 Foo.prototype 指向的是同一个原型对象,同时原型对象可以通过 constructor 指回构造函数(其他构造函数同理)
  2. Foo函数原型对象使用 Foo.prototype.__proto__ 指向了对象类型的原型对象Object.prototype :因为Foo原型对象本身也是一个对象,所以使用 __proto__ 指向了对象构造函数 Object() 的原型对象 Object.prototype
  3. Object函数原型对象 Object.prototype 是初始化的原型对象了,所以该对象的构造函数的原型对象为空null Object.prototype.__proto__ == null ,也就是找不到创造它的对象了
  4. Object构造函数和其他构造函数的区别就是它的原型对象就是兜底的 Object.prototype
  5. Foo.__proto__Object.__proto__Function.__proto__ 这些构造函数的构造函数都是 Function() ,所以它们的构造函数原型对象都是 Function.prototype
  6. Function构造函数的原型对象 Function.prototype 是通过Object构造函数创建的,所以其原型对象为 Object.prototype

以上所述就是小编给大家介绍的《图解JS原型链中的三角恋》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

冒号课堂

冒号课堂

郑晖 / 电子工业出版社 / 2009-10 / 65.00元

《冒号课堂》以课堂对话的形式,借六位师生之口讲述编程要义。上篇对编程范式作了入门性的介绍,并对一些流行的编程语言进行了简评;下篇侧重阐发软件设计思想,其中在范式上以OOP为主,在语言上以C++、Java和C#为主。全书寓庄于谐,深入浅出,既可开阔眼界,又能引发思考,值得编程爱好者品读。一起来看看 《冒号课堂》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具