TypeScript 重载

typescript

字数统计: 200阅读时长: 1 min

 2023/04/20 

函数重载

// 声明和实现写在一起

function t1(p: string): number;
function t1(p: number): string;
function t1(p: string | number) {
    return typeof p === 'string' ? Number(p) : String(p);
}

类方法重载和函数重载其实是一样的。

是需要在类的方法上面，写上声明。

之前查询说必须要基于类的声明实现，其实是不需要的。

不过如果是基于 interface 实现类，那相当于把 interface 实现的两个方法复制到类里面来。

class TestClass {
  // 在方法上面重写一次声明
  t1 (p: string): number;
  t1 (p: number): string;
  t1 (p: string | number): number | string {
    return typeof p === "string" ? Number(p) : String(p);
  }
}

const tt = new TestClass();
const t1 = tt.t1(1); // typeof t1 == "string" 
const t2 = tt.t1("1"); // typeof t2 == "number"

参考：

https://www.jianshu.com/p/f86fe0b5ea5a

原文作者：Maple

原文链接：https://blog.vvcat.cn/2023/04/20/2023/04/ts-class-method-overload/

发表日期：April 20th 2023, 7:37:01 pm

更新日期：January 9th 2024, 12:20:32 am

Next Post

Python3 安装 mailer 失败
Previous Post

rabbtmq 笔记 & demo

CATALOG