原型链的实例

谈一谈原型链的实例

图1

//父类型
  function Supper() {
    this.supProp = 'Supper property'
  }
  Supper.prototype.showSupperProp = function () {
    console.log(this.supProp)
  }

  //子类型
  function Sub() {
    this.subProp = 'Sub property' 
  }

  // 子类型的原型为父类型的一个实例对象
  Sub.prototype = new Supper()
  
  // 让子类型的原型的constructor指向子类型
  Sub.prototype.constructor = Sub
  Sub.prototype.showSubProp = function () {
    console.log(this.subProp)
  }

  var sub = new Sub()
  sub.showSupperProp()
  // sub.toString()
  sub.showSubProp()
  
  console.log(sub)  // Sub

图1 对应的代码部分

图1中可以看出，地址是0x678的内存块既是Supper的实例对象，也是构造函数Sub的构造函数（Sub已经成为了Supper的实例，所以Sub也可以看成既是sub的构造函数，也是Supper实例的实例）【就很烦躁】；这一点要注意。

图2

图1与图2是一样的，二者结合着理解