【TS】Typescript 中，什么是函数重载

在JavaScript中，传统上并没有直接支持函数重载（Function Overloading）的概念，这是许多其他面向对象编程语言（如Java、C#、C++等）的一个特性。函数重载意味着可以使用相同的函数名但不同的参数列表（参数的数量、类型或顺序）来定义多个函数。

然而，在JavaScript中，由于它是动态类型的，并且函数参数在内部是以类似数组的形式处理的（即arguments对象，尽管在ES6及以后的版本中推荐使用剩余参数...），所以直接的函数重载并不可能。但是，你可以通过检查参数的数量、类型或内容来实现类似的功能。

以下是一个模拟函数重载的JavaScript示例：

function myFunction() {// 检查参数的数量和类型if (arguments.length === 1 && typeof arguments[0] === 'number') {// 处理单个数字参数的情况console.log('你传入了一个数字:', arguments[0]);} else if (arguments.length === 2 && typeof arguments[0] === 'string' && typeof arguments[1] === 'number') {// 处理字符串和数字参数的情况console.log('你传入了一个字符串和一个数字:', arguments[0], arguments[1]);} else {// 处理其他情况或默认情况console.log('未知的参数组合');}
}myFunction(123); // 输出: 你传入了一个数字: 123
myFunction('hello', 456); // 输出: 你传入了一个字符串和一个数字: hello 456
myFunction('hello', 'world'); // 输出: 未知的参数组合

但是，随着ECMAScript 2015（ES6）及更高版本的推出，你可以使用剩余参数（...）和默认参数来更优雅地处理这种情况。此外，你还可以使用TypeScript（JavaScript的一个超集）来编写支持函数重载的代码，然后将其编译为普通的JavaScript代码。

在TypeScript中，你可以这样定义重载函数：

function myFunction(x: number): string;
function myFunction(s: string, y: number): string;
function myFunction(s: any, y?: any): any {// 实现函数的主体if (typeof s === 'number') {return `你传入了一个数字: ${s}`;} else if (typeof s === 'string' && typeof y === 'number') {return `你传入了一个字符串和一个数字: ${s} ${y}`;}// ... 其他情况throw new Error('未知的参数组合');
}