图解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原型链中的三角恋》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

Ruby on Rails敏捷开发最佳实践

Ruby on Rails敏捷开发最佳实践

李刚 / 电子工业出版社 / 2008-4 / 79.80元

《Ruby on Rails敏捷开发最佳实践》适用于正在使用Ruby On Rails进行应用开发的开发人员、渴望了解Ruby On Rails框架的开发人员,尤其适合有初步的Java EE开发经验,想从Java EE平台过渡到Ruby On Rails开发平台的开发者。 Ruby On Rails框架一经推出,立即引起B/S结构应用开发领域革命性的变化:开发者无需理会架构,只需要按Rail......一起来看看 《Ruby on Rails敏捷开发最佳实践》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换