yvongyang/lianxi5

课程练习 5：继承

继承

ES6

开始有 class 语法，可以直接定义和 extends 一个类型：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes

ES5

以前没有类型，所以大家模拟了很多继承的方法，但本质上都是两种的变体：

• 原型链继承

// 假设有一个需要继承的一个类型 Animal

function Cat() {}
Cat.prototype = new Animal
// 添加一个属性
Cat.prototype.name = 'cat'

• 构造继承

// 假设有一个需要继承的一个类型 Animal

function Cat(name){
  Animal.call(this)
  // 添加一个属性
  this.name = name || 'cat'
}

• 所以组合这两个东东：组合继承

// 假设有一个需要继承的一个类型 Animal

function Cat(name) {
  Animal.call(this)
  // 添加属性
  this.name = name || 'cat'
}
Cat.prototype = new Animal()
// 添加方法
Cat.prototype.say = function () {
  // TOOD
}

• 优化内存节省一些：

// 假设有一个需要继承的一个类型 Animal

function Cat(){
  Animal.call(this)
  this.name = 'cat'
}

(function(){
  // 创建一个没有实例方法的类
  var Super = function () {}
  Super.prototype = Animal.prototype
  // 将实例作为子类的原型
  Cat.prototype = new Super()
  // 添加方法
  Cat.prototype.say = function () {
    // TOOD
  }
})()

TODO: 参照别人的，顺便贴一下别人的推荐类似原理以便回头看。https://github.com/ant-design/ant-design/blob/master/components/table/createStore.tsx