代码之家 › 专栏 › 技术社区 › donzul

如何键入接收动态参数并执行递归的函数

typescript-typings typescript

donzul · 技术社区 · 6 年前

我很难理解如何键入这个实用函数,它可以接收任何形式的对象/数组/数字/字符串的数据。

然后调用相应的处理程序,如 parseArray 它接收一个数组,然后调用 parseData 在数组的每个项上。

因此,这个函数几乎可以获取任何结构中的一些数据,并返回相同的结构并对其进行一些解析。

希望能在这方面得到一些指导。

function parseData(data) {
  if (Array.isArray(data)) {
    return parseArray(data);
  }

  if (typeof data === 'object') {
    return parseObject(data);
  }

  if (typeof data === 'string') {
    return parseString(data);
  }

  return data;
}

2 回复 | 直到 6 年前

Titian Cernicova-Dragomir 6 年前

可以使用泛型函数,并且结果类型和参数类型具有相同的泛型类型参数:

function parseData<T>(data: T): T {
    if (Array.isArray(data)) {
        return parseArray(data);
    }

    if (typeof data === 'object') {
        return parseObject(data);
    }

    if (typeof data === 'string') {
        return parseString(data);
    }

    return data;
}

自 parse* 函数将采用不同的参数类型,您可能需要 any 返回 T :

function parseData<T>(data: T): T {
    if (Array.isArray(data)) {
        return parseArray(data as any) as any; 
    }

    if (typeof data === 'string') {
        return parseString(data as string) as any;
    }

    if (typeof data === 'object') {
        return parseObject(data);
    }

    return data;
}

function parseObject (data: any) : any {
    return data;
}
function parseArray<T>(data: T[]) : T[] {
    return data;
}
function parseString (data: string) : string {
    return data;
}

basarat 6 年前

如何键入接收动态参数并执行递归的函数

它本质上与 JSON.parse 。

可以使用泛型类型参数:

function parseData<T>(data)<T> {
}

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前