class Calculator {
    // 方法签名1
    add(a: number, b: number): number;
    // 方法签名2
    add(a: string, b: string): string;
    // 实现签名
    add(a: any, b: any): any {
        if (typeof a === 'number' && typeof b === 'number') {
            return a + b;
        } else if (typeof a === 'string' && typeof b === 'string') {
            return a.concat(b);
        }
    }
}

const calc = new Calculator();
console.log(calc.add(1, 2));      // 输出: 3
console.log(calc.add('a', 'b'));  // 输出: "ab"

方法重载的优势

提高代码可读性：通过方法重载，可以为不同的参数组合提供明确的类型提示
增强类型安全性：TypeScript编译器会根据调用时传入的参数类型检查调用是否合法
统一接口：为相似功能但不同参数类型的方法提供统一的调用方式

属性重载

什么是属性重载

属性重载(Property Overloading)在TypeScript中指的是通过getter和setter方法对属性进行更精细的控制。虽然严格来说这不是传统意义上的"重载"，但它允许属性在不同的访问方式下表现出不同的行为。

TypeScript中的属性重载实现

typescript 复制代码

class Temperature {
    private _celsius: number = 0;
    
    // 获取摄氏温度
    get celsius(): number {
        return this._celsius;
    }
    
    // 设置摄氏温度
    set celsius(value: number) {
        this._celsius = value;
    }
    
    // 获取华氏温度
    get fahrenheit(): number {
        return (this._celsius * 9/5) + 32;
    }
    
    // 设置华氏温度
    set fahrenheit(value: number) {
        this._celsius = (value - 32) * 5/9;
    }
}

const temp = new Temperature();
temp.celsius = 25;
console.log(temp.fahrenheit);  // 输出: 77

temp.fahrenheit = 77;
console.log(temp.celsius);     // 输出: 25

属性重载的应用场景

数据转换：如上面的温度转换示例
数据验证：在setter中添加验证逻辑
计算属性：基于其他属性动态计算值
访问控制：控制属性的读写权限

方法重载与属性重载的结合使用

在实际开发中，方法重载和属性重载经常结合使用，以创建更灵活、更强大的类：

typescript 复制代码

class User {
    private _name: string;
    private _age: number;
    
    constructor(name: string, age: number);
    constructor(name: string);
    constructor(name: string, age?: number) {
        this._name = name;
        this._age = age || 0;
    }
    
    get name(): string {
        return this._name;
    }
    
    set name(value: string) {
        if (value.length < 3) {
            throw new Error("Name must be at least 3 characters long");
        }
        this._name = value;
    }
    
    get age(): number {
        return this._age;
    }
    
    set age(value: number) {
        if (value < 0) {
            throw new Error("Age cannot be negative");
        }
        this._age = value;
    }
    
    greet(): void;
    greet(timeOfDay: string): void;
    greet(timeOfDay?: string): void {
        if (timeOfDay) {
            console.log(`Good ${timeOfDay}, ${this._name}!`);
        } else {
            console.log(`Hello, ${this._name}!`);
        }
    }
}

const user1 = new User("Alice", 30);
user1.greet();          // 输出: "Hello, Alice!"
user1.greet("morning"); // 输出: "Good morning, Alice!"

const user2 = new User("Bob");
user2.age = 25;
console.log(user2.age); // 输出: 25

最佳实践与注意事项

保持重载方法逻辑一致：不同重载版本的方法应该执行相似的操作
避免过度重载：过多的重载会使代码难以理解和维护
优先使用联合类型：对于简单的情况，考虑使用联合类型而非方法重载
文档注释：为重载方法添加详细的文档注释，说明不同参数组合的行为
性能考虑：属性重载中的getter/setter不应包含复杂或耗时的操作

结论

TypeScript中的方法重载和属性重载是面向对象编程的强大工具，它们提供了更丰富的类型系统和更灵活的类设计方式。通过合理使用这些特性，开发者可以创建出更健壮、更易维护的代码，同时享受TypeScript带来的类型安全优势。掌握这些概念对于构建中大型TypeScript应用程序至关重要。