返回

TypeScript 中的属性和方法：全面解析

前端

在 TypeScript 中，属性和方法是面向对象编程的基础组成部分，它们提供了访问和操作对象内部数据的途径。本篇文章将全面解析 TypeScript 中的属性和方法，从定义方式、语法结构到应用场景，让你对这些核心概念有深入的了解。

  1. 属性：对象的内部数据

    • 定义方式： 属性是通过在类中声明变量来定义的，变量的名称即为属性的名称，而变量的类型则为属性的类型。
    • 语法结构： 
      class MyClass {
  // 声明属性
  private name: string; // 私有属性
  protected age: number; // 受保护的属性
  public gender: string; // 公共属性
}
    • 应用场景： 属性用于存储对象的状态或数据，如用户的名字、年龄、性别等。

  2. 方法：对象的内部操作

    • 定义方式： 方法是通过在类中声明函数来定义的，函数的名称即为方法的名称，而函数的参数和返回值类型则为方法的参数和返回值类型。
    • 语法结构： 
      class MyClass {
  // 声明方法
  private greet(): void { // 私有方法
    console.log("Hello, world!");
  }

  protected calculateAge(): number { // 受保护的方法
    return this.age;
  }

  public displayInfo(): void { // 公共方法
    console.log(`Name: ${this.name}, Age: ${this.age}, Gender: ${this.gender}`);
  }
}
    • 应用场景： 方法用于对对象的数据进行操作，如计算年龄、显示信息等。

  3. 访问控制：修饰符的使用

    • public： 公共修饰符表示属性或方法可以从任何地方访问，包括类内部和外部。
    • private： 私有修饰符表示属性或方法只能从类内部访问，外部无法访问。
    • protected： 受保护的修饰符表示属性或方法只能从类内部和子类中访问，外部无法访问。

  4. 实例变量和成员变量：对象变量的两种类型

    • 实例变量： 实例变量是属于对象实例的变量，每个对象实例都有自己独立的实例变量。
    • 成员变量： 成员变量是属于类的变量，所有对象实例共享同一个成员变量。

  5. 实例方法和成员方法：对象方法的两种类型

    • 实例方法： 实例方法是属于对象实例的方法，每个对象实例都有自己独立的实例方法。
    • 成员方法： 成员方法是属于类的