主页 / 问题 / 1510956
Accepted
Oliver Patterson
Asked:2023-04-05 21:38:46 +0000 UTC2023-04-05 21:38:46 +0000 UTC

根据传递的参数确定函数的返回类型

  • 772

我有类型：

type TaskType = "return professions";

并且在界面中有一个描述的功能：

interface IInterfaceName
{
    getReponse(message: string, task?: TaskType): string | string[];
}

我的任务是让函数返回 not string | string[]，而是一个更广为人知的类型。对于当前任务，如果我们传入taksvalue "return professions"，函数应该返回string，但如果我传递undefined（或调用函数而不传递参数），我想得到类型string。

我听说过infer，也许这将是解决方案。但是我不明白怎么写。

getResponse("test") // return type: string
getResponse("test", "return professions") // return type: string[]
javascript

1 个回答

  1. Best Answer

    从个人经验来看：对返回类型的各种检查会导致更多的混乱，尽管它们也可以使用。

    在一个具体的例子中，签名只是简单地重载，TS 自己会判断哪些参数更适合。

    type TaskType = "return professions";

interface IInterfaceName
{
    getReponse(message: string): string;
    getReponse(message: string, task: TaskType): string[];
    getReponse(message: string, task?: TaskType): string | string[];
}

    UPD1：更多示例：

    type TaskType = "a" | "b" 

type TaskTypeObj = {
  type: "a" | "b"
}

type TaskTypeReturns = {
  a: string
  b: string[]
}

interface IInterfaceName
{
    getReponse<T extends (TaskType | undefined)>(message: string, task?: T): T extends undefined ? 123 : (T extends TaskType ? TaskTypeReturns[T] : never);
}

// Для извлечения типа определенного свойства
interface IInterfaceNameV2
{
    getReponse<T extends TaskTypeObj>(message: string, task?: T): T extends {type: infer V} ? (V extends TaskType ? TaskTypeReturns[V] : never) : never;
}

function foo(name: IInterfaceName) {
  const res1 = name.getReponse("xxx", 'a'); // string
  const res2 = name.getReponse("xxx", 'b'); // string[]
  // Обрати внимание, что без перегрузки мы получили не то что ожидаем - а вообще все типы
  const res3 = name.getReponse("xxx"); // string | string[] | 123
}

function fooV2(name: IInterfaceNameV2) {
  const res1 = name.getReponse("xxx", {type: 'a'}); // string
  const res2 = name.getReponse("xxx", {type: 'b'}); // string[]
  const res3 = name.getReponse("xxx"); // string | string[]
}

    typescriptlang.org 播放

    UPD2：查看更多

    • 1

相关问题