Typescript 函数泛型与重载

普通函数泛型

function fun1<T extends number>(x: T, y: number): T {
    return x + y;
}

// 定义
function fun2<T extends number, R>(x: T, y: R): R {
    return x + y;
}

// 调用
func2<number, string>(1, "string")

箭头函数泛型

const lambda = <T>(params: T): {re: T} => {
    return {re: params};
}

tsx中使用箭头函数泛型报错的解决办法

报错： JSX 元素“T”没有相应的结束标记。ts(17008)

编译器识别泛型错误，解决办法： 使泛型与标签的格式不同，如

// 增加一个逗号
const lambda = <T,>(params: T): {re: T} => {
    return {re: params};
}

// 约束泛型类型
const lambda = <T extends object>(params: T): {re: T} => {
    return {re: params};
}

 函数重载

function fun1(params: number): number;
function fun1(params: string): void;
function fun1(params) { return typeof params === "number" ? params: void 0 }


fun1("12") // function fun1(params: string): void (+1 overload)
fun1(1) // function fun1(params: number): number (+1 overload)