TypeScript 函数重载

函数重载

如果想要TypeScript实现一个加法函数，它可以实现字符串的拼接和数字相加。

当然，用JS实现非常简单，因为JS不关心你的类型，但是用TS实现就稍微复杂一点了。

法一：利用联合类型+类型判断

function add(num1: string | number, num2: string | number) {
    if (typeof num1 === 'number' && typeof num2 === 'number') {
        return num1 + num2;
    } else if (typeof num1 === 'string' && typeof num2 === 'string') {
        return num1 + num2;
    }
}

缺点：
①需要进行多次条件判断
②函数的返回值类型依旧不确定

法二：使用TS特有的（指JS没有）函数重载功能
函数的重载：函数名称相同，但是参数的个数或者类型不同。

// 函数的定义
function add(num1: number, num2: number): number;
function add(num1: string, num2: string): string;

// 函数的实现
function add(num1: any, num2: any): any {
    return num1 + num2;
}

但是如果通过联合类型能更加简单的实现函数功能的时候，应该使用联合类型。

// 联合类型
function getLength(args:string | any[]){
    return args.length;
}

// 函数重载
function getLength2(args:string):number;
function getLength2(args:any[]):number;

function getLength2(args:any):any{
    return args.length
}