JavaScript高级day38-- 原型链的继承

1. 套路
2. 定义父类型构造函数
3. 给父类型的原型添加方法
4. 定义子类型的构造函数
5. 创建父类型的对象赋值给子类型的原型
6. 将子类型原型的构造属性设置为子类型
7. 给子类型原型添加方法
8. 创建子类型的对象: 可以调用父类型的方法
9. 关键
10. 子类型的原型为父类型的一个实例对象

  //父类型
  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()//让showSupperProp和toString一样位于原型对象中
  // sub.toString()
  sub.showSubProp()//本身实例对象中就有该方法

  console.log(sub)  // Sub

sub 作为一个变量 通过作用域链寻值
Sub作为一个构造函数 通过原型链寻值
Sub.prototype = new Supper() 子的原型指向父的实例，之后可以通过父的实例访问父的方法
让子类型的原型的constructor指向子类型 保证所有的sub的实例看到的都是sub