Home > Blockchain >  Angular, pass generic type into another function. How to typed param?
Angular, pass generic type into another function. How to typed param?

Time:11-03

I have function like:

getSomething<T>(value: T): any{
    const temp = this.doSomething<T>(value);
...
}

doSomething<T>(value: T): any {
    return value.replace(/\s/g, '');
}

Initially the value passed has a type specific type T, I know full well that in the final function it will be a string. However, doing it this way I can't use replace function. Help.

CodePudding user response:

You need to say that value would have string methods. Like this:

getSomething<T extends string>(value: T): any{
    const temp = this.doSomething<T>(value);
...
}

doSomething<T extends string>(value: T): any {
    return value.replace(/\s/g, '');
}

CodePudding user response:

Think about your problem in the following way:

  1. How can I be sure that provided type has "replace()" method?
  2. What would happen if I provide different type e.g. number or null?

You have to somehow tell Typescript that you expect to get an argument that has method "replace()". You can do it by creating additional interface and mention that generic type extends that interface:

interface Replacable {
  replace: (regexp: RegExp, str: string) => string
}

function getSomething<T extends Replacable>(value: T): any{
    const temp = doSomething<T>(value);
    console.log(temp);
}

function doSomething<T  extends Replacable>(value: T): any {
    return value.replace(/\s/g, '');
}

Read more about Generic Constraints here: https://www.typescriptlang.org/docs/handbook/2/generics.html#generic-constraints

  • Related