TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，可以为 JavaScript 提供静态类型检查、面向对象编程等特性。在 TypeScript 中，定义类是一种常见的编程方式，本文将介绍 TypeScript 中定义类的最佳实践，帮助开发者更好地使用 TypeScript 进行面向对象编程。
1. 使用接口定义类的属性和方法
在 TypeScript 中，可以使用接口来定义类的属性和方法，从而提高代码的可读性和可维护性。例如：
// www.javascriptcn.com code example
interface IAnimal {
name: string;
age: number;
eat(): void;
sleep(): void;
}
class Animal implements IAnimal {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
eat() {
console.log(`${this.name} is eating.`);
}
sleep() {
console.log(`${this.name} is sleeping.`);
}
}在上面的示例代码中，定义了一个 IAnimal 接口，它包含了 name、age、eat 和 sleep 四个成员。然后通过 class 关键字定义了一个 Animal 类，它实现了 IAnimal 接口中的所有成员。这样，我们就可以在声明 Animal 类的时候明确它所包含的属性和方法，使得代码更加清晰明了。
2. 使用访问修饰符控制类的成员访问
在 TypeScript 中，使用访问修饰符可以控制类的成员访问权限，从而提高代码的安全性和可维护性。访问修饰符有三种类型：
public：表示该成员可以被任何地方访问，默认为public。private：表示该成员只能在类内部访问。protected：表示该成员可以在类内部以及子类中访问。
例如：
// www.javascriptcn.com code example
class Person {
public name: string;
private age: number;
protected gender: string;
constructor(name: string, age: number, gender: string) {
this.name = name;
this.age = age;
this.gender = gender;
}
sayName() {
console.log(`My name is ${this.name}.`);
}
sayAge() {
console.log(`I am ${this.age} years old.`);
}
sayGender() {
console.log(`My gender is ${this.gender}.`);
}
}
class Student extends Person {
study() {
console.log(`${this.name} is studying.`);
}
}
const person = new Person('Tom', 18, 'male');
person.sayName(); // My name is Tom.
person.sayAge(); // I am 18 years old.
person.sayGender(); // My gender is male.
const student = new Student('Jerry', 20, 'male');
student.sayName(); // My name is Jerry.
student.sayAge(); // Property 'age' is private and only accessible within class 'Person'.
student.sayGender(); // My gender is male.
student.study(); // Jerry is studying.在上面的示例代码中，定义了一个 Person 类，它包含了 name、age 和 gender 三个成员，分别使用了 public、private 和 protected 访问修饰符。然后通过 class 关键字定义了一个 Student 类，它继承了 Person 类，并添加了一个 study 方法。在创建 Person 和 Student 实例的时候，可以看到不同访问修饰符对成员访问的限制。
3. 使用泛型定义类的属性和方法
在 TypeScript 中，使用泛型可以提高类的灵活性和可重用性。例如：
// www.javascriptcn.com code example
interface IStorage<T> {
save(data: T): void;
get(id: number): T;
}
class LocalStorage<T> implements IStorage<T> {
save(data: T) {
console.log(`Save data: ${JSON.stringify(data)}`);
}
get(id: number): T {
return JSON.parse(localStorage.getItem(`${id}`)) as T;
}
}
class User {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
}
const storage = new LocalStorage<User>();
const user = new User('Tom', 18);
storage.save(user); // Save data: {"name":"Tom","age":18}
const savedUser = storage.get(1);
console.log(savedUser); // User { name: 'Tom', age: 18 }在上面的示例代码中，定义了一个 IStorage 接口和一个 LocalStorage 类，它们都使用了泛型 T。IStorage 接口包含了 save 和 get 两个成员，它们的参数和返回值都是泛型类型 T。LocalStorage 类实现了 IStorage 接口，它能够将数据保存到本地存储中，并从本地存储中获取数据。然后定义了一个 User 类，它包含了 name 和 age 两个成员。在创建 LocalStorage 实例的时候，指定了泛型类型为 User，这样就可以将 User 对象保存到本地存储中，并从本地存储中获取 User 对象。
结语
本文介绍了 TypeScript 中定义类的最佳实践，包括使用接口定义类的属性和方法、使用访问修饰符控制类的成员访问、使用泛型定义类的属性和方法。这些实践可以提高代码的可读性、可维护性和可重用性，帮助开发者更好地使用 TypeScript 进行面向对象编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d409a2a941bf71347a601c