如何在TypeScript中使用访问器（getter和setter）？ - 前端面试题

在TypeScript中，访问器（getter和setter）是一种特殊的方法，允许我们对类的成员变量进行更加细致和控制的访问和修改。使用访问器可以加强封装性，隐藏内部实现细节，同时可以在获取或设置属性值时执行额外的逻辑，比如验证或者转换数据。

基本用法

在TypeScript中，getter和setter被定义为类中的特殊方法。Getter用来读取属性的值，Setter用来设置属性的值。下面是一个简单的示例：

typescript
class Person {
    private _name: string;

    constructor(name: string) {
        this._name = name;
    }

    // Getter
    get name(): string {
        return this._name;
    }

    // Setter
    set name(value: string) {
        if (value.length > 0) {
            this._name = value;
        } else {
            console.log("Invalid name.");
        }
    }
}

let person = new Person("Alice");
console.log(person.name);  // 输出：Alice
person.name = "Bob";
console.log(person.name);  // 输出：Bob
person.name = "";  // 尝试设置一个无效的名字

在这个例子中，我们有一个Person类，它有一个私有成员_name。我们通过getter和setter方法控制对_name的访问，并在设置新值时添加了简单的验证逻辑。

使用场景

数据验证：在设置属性值之前进行检查，确保数据的有效性和一致性。
数据转换：在用户和数据之间进行某种形式的转换，如日期格式或数值转换。
触发事件或侧效应：可能需要在设置属性值时触发其他逻辑，如更新数据库、发送通知等。

高级应用

在更复杂的场景中，getter和setter可以与其他TypeScript功能结合使用，比如静态属性、继承、接口等。这可以帮助构建更健壮、可扩展的应用程序。例如，我们可以创建一个继承自Person的Employee类，并扩展其功能：

typescript
class Employee extends Person {
    private _salary: number;

    constructor(name: string, salary: number) {
        super(name);
        this._salary = salary;
    }

    get salary(): number {
        return this._salary;
    }

    set salary(newSalary: number) {
        if (newSalary >= 0) {
            this._salary = newSalary;
        } else {
            console.log("Invalid salary amount.");
        }
    }
}

let employee = new Employee("Charlie", 5000);
console.log(employee.name);  // 输出：Charlie
console.log(employee.salary);  // 输出：5000
employee.salary = 6000;
console.log(employee.salary);  // 输出：6000
employee.salary = -100;  // 尝试设置无效的薪资

这个例子展示了如何在子类中使用访问器，同时保持父类的封装性和接口不变。这些技术可以帮助开发者编写更安全、更容易维护和扩展的代码。