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

查看所有标签

猜你喜欢:

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

Introduction to Algorithms, 3rd Edition

Introduction to Algorithms, 3rd Edition

Thomas H. Cormen、Charles E. Leiserson、Ronald L. Rivest、Clifford Stein / The MIT Press / 2009-7-31 / USD 94.00

Some books on algorithms are rigorous but incomplete; others cover masses of material but lack rigor. Introduction to Algorithms uniquely combines rigor and comprehensiveness. The book covers a broad ......一起来看看 《Introduction to Algorithms, 3rd Edition》 这本书的介绍吧!

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

UNIX 时间戳转换

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具