TypeScript函数重载：实现方法、示例及常见报错解析

在TypeScript中，函数重载可以通过在同一个作用域内定义具有相同名称但参数列表不同的函数来实现。TypeScript编译器会根据传递给函数的参数类型自动选择最匹配的函数版本进行调用。 例如： ```typescript function greet(name: string) { console.log(`Hello, ${name}!`); } function greet(name: number) { console.log(`Hello, number ${name}!`); } greet("John"); // 输出: Hello, John! greet(123); // 输出: Hello, number 123! ``` 在这个例子中，`greet`函数被重载了两次，一次接受一个字符串参数，一次接受一个数字参数。当调用`greet`函数并传递一个字符串或一个数字时，TypeScript编译器会自动选择相应的函数版本进行调用。 需要注意的是，重载的函数必须具有不同的参数列表。如果它们的参数列表除了参数类型不同外，其他都相同，那么TypeScript会报错。例如，下面的代码会报错，因为`greet`函数的两个版本除了参数类型不同外，其他都相同： ```typescript function greet(name: string, message: string) { console.log(`Hello, ${name}! ${message}`); } function greet(name: number, message: string) { console.log(`Hello, number ${name}! ${message}`); } greet("John", "world"); // 报错，因为第一个版本和第二个版本的参数列表除了参数类型不同外，其他都相同 ``` 如果你需要为不同的参数类型提供不同的行为，那么你应该考虑使用类型断言或联合类型，而不是函数重载。 ######[AI写代码神器 | 362点数解答 | 2023-11-09 01:20:16]