跳到主要内容

TypeScript 特殊方法

在 TypeScript 中，面向对象编程（OOP）是一个核心概念。除了常规的方法外，TypeScript 还提供了一些特殊方法，这些方法可以帮助我们更好地组织和管理代码。本文将详细介绍这些特殊方法，包括构造函数、getter、setter 和静态方法，并通过实际案例展示它们的应用。

1. 构造函数（Constructor）​

构造函数是类中的一个特殊方法，用于在创建类的实例时初始化对象。构造函数的名称必须为 constructor，并且不能有返回值类型。

示例代码​

typescript
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(); // 输出: Hello, my name is Alice and I am 30 years old.

解释​

  • constructor 方法在创建 Person 类的实例时被调用。
  • this.name 和 this.age 分别用于初始化实例的属性。
提示

构造函数可以接受参数，这些参数通常用于初始化类的属性。

2. Getter 和 Setter​

Getter 和 Setter 是用于访问和修改类属性的特殊方法。它们允许我们在访问或修改属性时执行额外的逻辑。

示例代码​

typescript
class User {
    private _username: string;

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

    get username(): string {
        return this._username.toUpperCase();
    }

    set username(newUsername: string) {
        if (newUsername.length > 3) {
            this._username = newUsername;
        } else {
            console.log("Username must be longer than 3 characters.");
        }
    }
}

const user = new User("john_doe");
console.log(user.username); // 输出: JOHN_DOE

user.username = "alice";
console.log(user.username); // 输出: ALICE

user.username = "a"; // 输出: Username must be longer than 3 characters.

解释​

  • get username() 是一个 getter 方法，用于获取 _username 的值，并将其转换为大写。
  • set username(newUsername: string) 是一个 setter 方法，用于设置 _username 的值，并在设置前进行验证。
警告

Getter 和 Setter 方法不能与属性同名，否则会导致递归调用。

3. 静态方法（Static Methods）​

静态方法是属于类本身而不是类的实例的方法。它们通常用于执行与类相关的操作，而不需要创建类的实例。

示例代码​

typescript
class MathUtils {
    static add(a: number, b: number): number {
        return a + b;
    }

    static subtract(a: number, b: number): number {
        return a - b;
    }
}

console.log(MathUtils.add(5, 3)); // 输出: 8
console.log(MathUtils.subtract(5, 3)); // 输出: 2

解释​

  • static add(a: number, b: number): number 是一个静态方法，可以直接通过类名调用。
  • 静态方法不能访问类的实例属性或方法，因为它们不依赖于类的实例。
备注

静态方法通常用于工具类或辅助函数，这些函数不需要类的实例即可使用。

4. 实际应用场景​

场景 1: 用户管理系统​

在一个用户管理系统中，我们可以使用 getter 和 setter 方法来确保用户名的有效性。

typescript
class User {
    private _username: string;

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

    get username(): string {
        return this._username;
    }

    set username(newUsername: string) {
        if (newUsername.length > 3) {
            this._username = newUsername;
        } else {
            console.log("Username must be longer than 3 characters.");
        }
    }
}

const user = new User("john_doe");
user.username = "alice"; // 有效
user.username = "a"; // 无效，输出: Username must be longer than 3 characters.

场景 2: 数学工具类​

在一个数学工具类中，我们可以使用静态方法来提供常用的数学运算。

typescript
class MathUtils {
    static add(a: number, b: number): number {
        return a + b;
    }

    static subtract(a: number, b: number): number {
        return a - b;
    }
}

console.log(MathUtils.add(5, 3)); // 输出: 8
console.log(MathUtils.subtract(5, 3)); // 输出: 2

5. 总结​

TypeScript 中的特殊方法，如构造函数、getter、setter 和静态方法，为我们提供了强大的工具来组织和管理代码。通过合理使用这些方法，我们可以编写出更加清晰、可维护的代码。

  • 构造函数：用于初始化类的实例。
  • Getter 和 Setter：用于控制属性的访问和修改。
  • 静态方法：用于执行与类相关的操作，而不需要创建类的实例。

6. 附加资源与练习​

练习 1​

创建一个 Car 类，包含以下内容：

  • 一个构造函数，用于初始化 brand 和 model 属性。
  • 一个 getter 方法，用于获取完整的汽车名称（如 "Toyota Corolla"）。
  • 一个 setter 方法，用于设置 model 属性，并确保模型名称不为空。

练习 2​

创建一个 StringUtils 类，包含以下静态方法：

  • reverse(str: string): string：返回字符串的反转版本。
  • capitalize(str: string): string：返回首字母大写的字符串。

附加资源​

通过完成这些练习，你将更好地掌握 TypeScript 中的特殊方法，并能够在实际项目中灵活运用它们。