创建类 Angular - TypeScript

在 Angular 中，我们可以使用 TypeScript 来创建类。我们可以使用 class 关键字来定义一个类，并且类也支持继承。

创建一个基本类

下面是一个创建基本类的示例代码：

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello! My name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person = new Person('Alice', 30);
person.greet();

使用 class 关键字可以定义一个名为 Person 的类，包含 name 和 age 两个属性。使用构造函数 constructor 初始化这两个属性。同样，使用 greet 方法来打印一个问候语。

使用 new 运算符可以创建该类的实例，这里是一个名为 person 的实例，并调用其 greet 方法。

继承

在 TypeScript 中，我们可以使用 extends 关键字来继承一个类并创建一个新类。这里是一个继承示例：

class Employee extends Person {
  salary: number;

  constructor(name: string, age: number, salary: number) {
    super(name, age);
    this.salary = salary;
  }

  greet() {
    console.log(`Hello! My name is ${this.name}, I am ${this.age} years old, and my salary is ${this.salary}.`);
  }
}

const employee = new Employee('Bob', 35, 50000);
employee.greet();

我们创建了一个名为 Employee 的类并继承自 Person 类。Employee 类包含一个名为 salary 的额外属性。使用 super 关键字调用 Person 类的构造函数来初始化 name 和 age 属性。同样，使用 greet 方法打印问候语，但是这次我们也包含了 salary 属性。

总结

在本文中，我们学习了如何在 Angular 中使用 TypeScript 创建类。我们了解了如何定义基本类和继承，以及如何使用它们来创建类和对象。