ES5

类

ES5中并没有直接定义类的方法，需要我们手动来完成类的定义。

ES5中可以使用构造器函数来创建一个实例，构造器函数和普通函数的区别在于调用方式，构造器函数通过new操作符来调用。按照惯例，这个构造器的首字母大写，普通的函数和方法首字母小写。

通过new操作符来调用构造器函数，会产生一个新的对象，并把这个对象赋值给构造器函数的this变量，然后在执行完构造器函数后返回它（如果有显示的指定返回值，则返回指定的值）。

function Class(arg) {
  this.arg = arg;  // 定义一个类的属性
}
// 类的方法则定义在原型上（如果定义在构造器中的话，那么每个实例都会创建方法
// ，这样造成每个实例都拥有方法（每个方法都不相等），而不是引用同一个方法。）
Class.prototype.method = function () {};

继承

ES5中可以使用原型链来实现继承。
构造器函数有一个prototype属性指向实例的原型对象，而实例的原型对象则有一个constrcutor属性指向构造器函数（ES6中实例可以通过__proto__属性来访问原先对象）。

// 定义一个超类
function Super(supArg) {
  this.supArg = supArg;
}
Super.prototype.method = function () {};

// 定义一个子类继承上面的超类
function Sub(supArg, subArg) {
  Sub._super = Super.prototype; // 定义一个_super属性，方便Sub中的方法来引用它。
  Super.call(this, supArg);  // 实例化超类中的属性。 也可以这样Sub._super.constructor.call(this, supArg);
  this.subArg = subArg;
}
Sub.prototype = Object.create(Super.prototype); // 设置原型为超类，继承原型中的方法。
Sub.prototype.constructor = Sub; // 手动指定constructor属性
Sub.prototypr.method = function () {
  Sub._super.method.call(this);
};

ES6

类

ES6中可以使用class关键字来定义一个类。类声明是不提升的。类的内部只能定义方法，不能定义数据属性。各方法直接不需要逗号分割。

class A {
  constructor(arg) {
    this.arg = arg;
  }
  method() {}
  static sMethod() {}
}

继承

class B {
  constructor(bArg) {
    this.bArg = bArg;
  }
  method() {}
  static sMethod() {}
}

class A extends B {
  constructor(bArg, arg) {
    super(bArg);
    this.arg = arg;
  }
  method() {
    super.method();
  }
}

TypeScript

类

继承

待续～～～