一张图理解Javascript的继承原理

发表于   |   分类于

图解Javascript基于原型的继承原理。

Javascript Inherits

1
2
3
4
function Cat() {
    //
}
var myCat = new Cat();

Javascript中的对象

  • 在javascript中，一切皆对象
  • 对象分为三类(图中用三种颜色分别标记三种对象)：
    • 函数对象
    • 原型对象
    • 实例对象
  • 函数也用对象来表示，即函数对象
  • 原型对象为函数对象的prototype指向的对象
  • 实例对象是通过new操作和构造函数创建出来对象

对象之间的关系

  • 任何对象都有一个隐藏属性(在Google Chrome中用__proto__表示)指向该对象的父对象
    • Function.prototype是所有函数对象的原型(1.1标记的箭头)
    • Object.prototype是所有原型对象的原型(1.2标记的箭头)
    • 函数对象对应的原型对象是其实例对象的原型(1.3标记的箭头)
  • 任何函数对象都有一个prototype属性指向对应的原型对象，表示其实例对象的父对象(2标记的箭头)
  • 任何原型对象都有一个constructor属性指向对应的函数对象(3标记的箭头)