面试题：TypeScript函数的重载理解与应用

Question

请解释TypeScript中函数重载的概念，并编写一个包含至少两个重载形式的函数示例，该函数根据传入参数的类型不同返回不同的值。

Answer 1

函数重载概念

在TypeScript中，函数重载允许我们为同一个函数定义多个函数类型签名。这意味着一个函数可以根据传入参数的不同类型或数量，执行不同的逻辑并返回不同类型的值。通过定义多个重载签名，TypeScript编译器能够在调用函数时进行准确的类型检查，确保调用的正确性。

示例代码

// 函数重载声明
function printValue(value: string): void;
function printValue(value: number): void;

// 函数实现
function printValue(value: string | number): void {
    if (typeof value ==='string') {
        console.log(`字符串: ${value}`);
    } else {
        console.log(`数字: ${value}`);
    }
}

// 调用函数
printValue('Hello'); 
printValue(42); 

在上述示例中，printValue 函数有两个重载声明，一个接受 string 类型参数，另一个接受 number 类型参数。函数实现根据传入参数的实际类型，执行不同的逻辑并输出相应的信息。