typescript 类方法重载

原创

mob64ca12ec3a08 2024-04-27 06:37:19 ©著作权

文章标签 方法重载参数类型类型安全 文章分类 TypeScript 前端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12ec3a08的原创作品，请联系作者获取转载授权，否则将追究法律责任

TypeScript 类方法重载

在 TypeScript 中，我们经常会遇到需要根据不同的参数类型或个数来执行不同的操作的情况。这时候，方法重载就发挥了重要的作用。方法重载允许我们为同一个方法提供多个不同的函数类型定义，让编译器能够根据调用时提供的参数类型来自动选择合适的函数实现。

什么是方法重载？

方法重载是指为同一个方法提供多个函数类型定义的过程。在 TypeScript 中，方法重载通过在类中的方法上声明多个特定的函数签名来实现。当调用这个方法时，TypeScript 编译器会根据提供的参数类型来匹配最合适的函数定义。

如何在 TypeScript 中实现方法重载？

在 TypeScript 中实现方法重载，我们需要先声明多个函数签名，然后在方法体中根据不同的参数类型进行处理。让我们通过一个简单的示例来演示方法重载的实现过程。

class Calculator {
  add(x: number, y: number): number;
  add(x: string, y: string): string;
  add(x: any, y: any): any {
    if (typeof x === 'number' && typeof y === 'number') {
      return x + y;
    } else if (typeof x === 'string' && typeof y === 'string') {
      return x.concat(y);
    } else {
      throw new Error('Unsupported parameter types');
    }
  }
}

const calc = new Calculator();
console.log(calc.add(1, 2)); // 输出: 3
console.log(calc.add('Hello', 'World')); // 输出: HelloWorld

在上面的示例中，我们定义了一个 Calculator 类，其中的 add 方法被重载了两次。第一次重载接受两个 number 类型的参数并返回一个 number 类型的结果，第二次重载接受两个 string 类型的参数并返回一个 string 类型的结果。在方法体中，我们根据参数的类型来进行不同的处理并返回相应的结果。