类（Classes）在TypeScript中的使用：面向对象编程的基石

最新推荐文章于 2024-07-15 16:21:12 发布

逐星ing

最新推荐文章于 2024-07-15 16:21:12 发布

阅读量408

点赞数 3

分类专栏： TypeScript 前端文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/qq_41791705/article/details/138715569

版权

前端同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

TypeScript

34 篇文章 0 订阅

订阅专栏

类（Classes）在TypeScript中的使用：面向对象编程的基石

引言

类（Classes）是TypeScript中实现面向对象编程（OOP）的核心概念之一。它们允许你通过封装、继承和多态性来构建复杂的应用。本文将深入探讨如何在TypeScript中使用类，包括定义、实现和继承。

基础知识

类在TypeScript中提供了一种方式来创建对象，这些对象可以包含属性和方法。类的概念基于原型继承，但提供了一个更清晰和结构化的语法。

核心概念

类定义：使用 class 关键字定义类。
构造函数：使用 constructor 来创建类的实例。
实例成员：类的属性和方法，属于类的每个实例。
静态成员：使用 static 关键字，属于类本身而不是类的实例。

示例演示

基本类定义：

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.`);
  }
}

使用类：

let person = new Person('Alice', 30);
person.greet(); // 输出: Hello, my name is Alice and I am 30 years old.

静态成员：

class Company {
  static companySize = 100;

  work() {
    console.log(`${this.constructor.companySize} people are working.`);
  }
}

Company.work(); // 输出: 100 people are working.

实际应用

在构建真实应用时，类常用于模拟现实世界的对象和行为。

继承：

class Employee extends Person {
  position: string;

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

  describePosition() {
    console.log(`${this.name} is a ${this.position}.`);
  }
}

深入与最佳实践

理解this关键字：在类的实例方法中，this指向当前对象实例。
使用访问修饰符：使用 public, private, protected 来控制成员的可见性。

class User {
  private username: string;

  constructor(username: string) {
    this.username = username;
  }

  getUserName() {
    return this.username;
  }
}

let user = new User('Alice');
console.log(user.getUserName()); // 输出: Alice
// console.log(user.username); // 错误，username是私有成员