打字稿:与上一个参数的解析类型相同的通用类型

Akx*_*kxe 5 generics typescript

我想知道,当类型可以是多种类型时,如何指定与上一个参数的解析类型相同的泛型类型。

TypeScript游乐场

function add<T extends (number | string)>(a: T, b: T): T {
    if (typeof a === 'string') {
        return a + b;
    } else if (typeof a === 'number') {
        return a + b;
    }
}

add('hello', ' world');
add(1, 1);
Run Code Online (Sandbox Code Playgroud)

我希望能够告诉编译器所有T类型都是相同的,无论是数字还是字符串。我可能会错过一些语法。条件类型(在某种程度上)可能是可能的...

Tit*_*mir 1

您无法缩小函数内泛型参数的类型。因此,当您测试时a,它不会告诉编译器是什么类型b。更重要的是,它不会告诉编译器函数的返回类型需要是什么

function add<T extends (number | string)>(a: T, b: T): T {
    if (typeof a === 'string' && typeof b === 'string') {
        let result = a + b; // result is string, we can apply + 
        return result as T; // still an error without the assertion, string is not T 
    } else if (typeof a === 'number' && typeof b === 'number') {
        let result = a + b; // result is number, we can apply +
        return result as T; // still an error without the assertion, number is not T  
    }
    throw "Unsupported parameter type combination"; // default case should not be reached
}
Run Code Online (Sandbox Code Playgroud)

在这种情况下,尽管可能有一个适用于联合的专用实现签名(意味着不需要断言),并且公共签名是您之前使用的签名:

function add<T extends number | string>(a: T, b: T): T
function add(a: number | string, b: number | string): number | string {
    if (typeof a === 'string' && typeof b === 'string') {
        return a + b;
    } else if (typeof a === 'number' && typeof b === 'number') {
        return a + b;
    }
    throw "Unsupported parameter type combination"; // default case should not be reached
}
Run Code Online (Sandbox Code Playgroud)