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

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

typescript-typings typescript

donzul · 技术社区 · 7 年前

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

然后调用相应的处理程序,如 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 回复 | 直到 7 年前

Titian Cernicova-Dragomir 7 年前

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

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 7 年前

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

它本质上与 JSON.parse 。

可以使用泛型类型参数:

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

推荐文章

Kareem Adel · 创建函数类型(TypeScript接口)

2 年前

Marcin Sieradzki · 类型按钮中的属性“fit”不能分配给基类型“IButton”中的同一属性。类型“string”不能分配给类型“Fit”

2 年前

tmokmss · TypeScript中记录<K,T>和{[键:K]:T}之间有什么区别?

2 年前

Angulandy2 · Angular 5 viewchild仅工作一次

6 年前

Michael Wilson · 自定义模块模式的TypeScript类型定义

6 年前

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

7 年前

Milad Rezazadeh · npm包的可安装typescript类型定义

7 年前

ranjit redekar · 如何将js文件从Angular assets文件夹加载到特定的Angular(2,4,5)组件或模块?

7 年前

Ruben · 具有变量键的嵌套TypeScript对象

7 年前

Tom Hudson · TypeScript:从装饰器推断返回类型?

7 年前