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
类
继承
待续~~~
网友评论