在 TypeScript 中创建函数重载的语法

在 TypeScript 中，我们可以通过函数重载来指定不同类型和数量的参数，以获得更好的类型检查和更清晰的代码。本文将介绍如何使用 TypeScript 中创建函数重载的语法。

什么是函数重载？

函数重载是指在同一个函数名下声明多个函数，这些函数具有相同的名称但不同的参数类型或数量。在编译时，编译器将根据参数的类型和数量来确定要调用哪个函数。

函数重载的主要目的是在某些情况下，程序员可能需要使用不同类型和数量的参数来调用同一个函数。例如，console.log() 函数就是一个重载函数，因为它可以接受任意数量和类型的参数。

函数重载的语法

在 TypeScript 中，我们可以使用以下语法来声明函数重载：

function foo(param1: string): string;
function foo(param1: number, param2: string): number;
function foo(param1: any, param2?: any): any {
  // 函数体
}

在上面的示例中，我们首先声明了两个重载函数，第一个函数接受一个字符串类型的参数并返回一个字符串类型的值，第二个函数接受一个数字类型的参数和一个字符串类型的参数，并返回一个数字类型的值。然后，我们定义了一个实现函数，它接受任意类型的参数，并根据参数类型和数量来调用不同的重载函数。

注意，在 TypeScript 中，实现函数必须放在重载声明之后，并且实现函数的参数类型必须与最后一个重载函数的参数类型相同。

示例

让我们看一个更具体的示例，以便更好地理解函数重载的用法：

function add(a: number, b: number): number;
function add(a: string, b: string): string;
function add(a: any, b: any): any {
  if (typeof a === 'number' && typeof b === 'number') {
    return a + b;
  }
  if (typeof a === 'string' && typeof b === 'string') {
    return a.concat(b);
  }
  throw new Error('Unsupported types');
}

console.log(add(1, 2)); // 3
console.log(add('hello', 'world')); // helloworld
console.log(add(1, 'hello')); // Error: Unsupported types

在上面的示例中，我们定义了一个 add 函数，它包含两个重载函数。第一个函数接受两个数字类型的参数并返回它们的和，第二个函数接受两个字符串类型的参数并返回它们的拼接结果。如果传递了不受支持的类型，则会抛出一个错误。我们可以看到，在调用 add 函数时，TypeScript 可以根据参数类型的不同自动调用相应的重载函数，从而获得更好的类型检查和代码提示。

总结

通过使用函数重载，我们可以在 TypeScript 中指定不同类型和数量的函数参数，以实现更好的类型检查和更清晰的代码。要创建函数重载，在 TypeScript 中使用重载声明语法，然后定义一个实现函数，以根据参数类型和数量来调用不同的重载函数。