Typescript 实现函数重载的方式

在TypeScript中，函数重载是一种允许你定义多个函数签名的方法，这些函数签名可以有不同的参数列表，但共享同一个函数名。TypeScript编译器会根据调用时提供的参数类型来确定使用哪个函数签名。

以下是如何在TypeScript中实现函数重载的示例：

// 定义函数重载签名
function greet(person: string): void;
function greet(person: { name: string, age: number }): void;

// 实现函数，注意这里的实现必须与上面的签名匹配
function greet(person: any) {
    if (typeof person === 'string') {
        console.log(`Hello, ${person}!`);
    } else if (typeof person === 'object' && person !== null) {
        console.log(`Hello, ${person.name}! You are ${person.age} years old.`);
    }
}

// 调用函数
greet('John'); // 输出: Hello, John!
greet({ name: 'Jane', age: 30 }); // 输出: Hello, Jane! You are 30 years old.

在上面的代码中，我们首先定义了两个函数签名，它们都使用相同的函数名greet，但参数类型不同。第一个签名接受一个string类型的参数，第二个签名接受一个可能包含name和age属性的对象。

然后，我们实现了greet函数，其中使用了一个类型守卫来区分传入的参数类型，并根据不同的类型执行不同的操作。

注意事项：

1. 函数实现必须与签名匹配：函数的实现必须能够处理所有签名定义的参数类型。
2. 类型守卫：在函数实现中，通常需要使用类型守卫来区分不同的参数类型。
3. 重载解析：TypeScript编译器会根据调用时提供的参数类型来解析应该使用哪个函数签名。

函数重载是TypeScript中一个非常强大的特性，它允许你编写更灵活和可读性更强的代码。