TypeScript - 属性封装的王者，泛型的智慧！

前端

2023-11-13 01:15:19

TypeScript 是什么？

TypeScript 是一种由微软开发的开源编程语言，它扩展了 JavaScript，使其支持类型。TypeScript 兼容 JavaScript，因此可以运行在任何支持 JavaScript 的环境中。

什么是属性封装？

属性封装是指通过访问控制修饰符来保护数据的私有性和安全性。TypeScript 提供了两种访问控制修饰符：private 和 protected。

private：修饰的属性只能在类内部访问，不能在类的外部访问。
protected：修饰的属性只能在类内部和类的派生类中访问，不能在类的外部访问。

为什么使用属性封装？

属性封装有以下优点：

提高安全性：通过限制对属性的访问，可以提高数据的安全性，防止未经授权的访问和修改。
提高可维护性：通过将属性封装在类中，可以提高代码的可维护性，使代码更易于理解和维护。
提高可重用性：通过将属性封装在类中，可以提高代码的可重用性，使代码可以更轻松地被其他类或模块复用。

什么是泛型？

泛型是指在定义类、接口或方法时使用类型变量，从而使这些类、接口或方法可以适用于多种数据类型。

为什么使用泛型？

泛型有以下优点：

提高代码的可重用性：通过使用泛型，可以使代码更易于被其他类或模块复用，从而提高代码的可重用性。
提高代码的可维护性：通过使用泛型，可以使代码更易于理解和维护，从而提高代码的可维护性。
提高代码的可扩展性：通过使用泛型，可以使代码更易于扩展，以便支持新的数据类型，从而提高代码的可扩展性。

TypeScript 中的属性封装和泛型示例

class Person {
  private name: string;
  protected age: number;

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

  getName(): string {
    return this.name;
  }

  getAge(): number {
    return this.age;
  }
}

class Student extends Person {
  private grade: string;

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

  getGrade(): string {
    return this.grade;
  }
}

const person = new Person('John Doe', 30);
const student = new Student('Jane Doe', 20, 'A');

console.log(person.getName()); // John Doe
console.log(student.getName()); // Jane Doe
console.log(student.getGrade()); // A