typescript class
时间: 2023-10-21 21:28:38 浏览: 112
深入理解JavaScript和TypeScript中的class
TypeScript中的class是一种面向对象编程的概念,它允许我们创建具有属性和方法的自定义数据类型。类的定义方式和ES6的class基本相同。可以通过类来创建对象,并且可以使用构造函数初始化对象的属性。类还支持继承,一个类可以继承另一个类的属性和方法。
在TypeScript中,类的定义方式如下所示:
```typescript
class ClassName {
property: type;
constructor(parameter: type) {
this.property = parameter;
}
method() {
// code here
}
}
```
其中,ClassName为类名,property为属性名,type为属性的类型,constructor为构造函数,用于初始化对象的属性,method为类的方法。
例如,定义一个Person类:
```typescript
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
sayHello() {
console.log(`大家好,我是${this.name}`);
}
}
// 使用类创建对象
const p = new Person('孙悟空', 18);
p.sayHello();
```
在继承方面,子类继承父类时,必须调用父类的构造方法(如果子类中也定义了构造方法)。例如:
```typescript
class A {
protected num: number;
constructor(num: number) {
this.num = num;
}
}
class X extends A {
protected name: string;
constructor(num: number, name: string) {
super(num);
this.name = name;
}
}
```
在上述代码中,类X继承自类A,并在构造方法中调用了父类A的构造方法。
总结来说,TypeScript的class提供了一种面向对象编程的方式,可以创建自定义的数据类型,定义属性和方法,并支持继承。通过类可以创建对象,并对对象进行操作和调用方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文