类与继承

2016-09-18  本文已影响58人  给我一炷香的时间

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


继承

待续~~~

上一篇下一篇

猜你喜欢

热点阅读