es5的类 和 ts的类

直通车地址：站本站

 

1.es5的类

function Person() {

this.age = '1'

this.num = function () {console.log(1)}

}

上面是创建一个类的方式，下面使用这个类，并且调用它

 let a = new Person(); # 实例化

a.age

a.num()

创建静态方法和动态方法

类方法/参数：

Person.prototype.sex="boy"

Person.prototype.run=function(){}

静态方法

Person.run = function(){}

 2.es5的继承

对象冒充

function Web(){

Person.call(this);

} # 这就是es5的继承 对象冒充实现继承 实际上原理就是Person冒充了Web的this

它的特点是可以继承对象的构造参数与方法，但是无法继承原型链上的参数和方法 

原型链继承父类

web.prototype = new Person();

原型链继承也有问题，无法继承构造函数。

对象冒充和原型链并存继承 

function Web(name, age){

Person.call(this, age, name);

}

web.prototype = new Person();

 3.ts的类、继承

class Person{

name:string;

constructor (n:string) { // 构造函数

     this.name = n;

}

run():void {

    alert(this.name);

}

}

// 下面是继承的方式 使用extends、super一起用

class Web extends Person{ 

constructor(n:string){

      super(n);

}

}

//三个修饰符  public private(子类外都无法直接访问) protected

// 静态属性/方法 前面加 static  静态方法里面只可以调用静态属性

//ts中有抽象类，并且有抽象方法，为基类无法被实例话，派生类必须在类里实现该抽象方法（感觉不太用得上）

 好的，大概系统看了一遍，总的来说，ts是用来做大型多人合作项目、增加代码可读性的，规范了很多东西，对我来说没啥用