1

There are two class:

class STRING_TYPE {
    name():string{
        return "one";
    }
}
class NUMBER_TYPE {
    name():number{
        return 1;
    }
}

I want to write a generic function:

  1. create an object of the given class
  2. call name() method, and return its value; In javascript, code like:
function foo(classType) {
    const obj = new classType();
    return obj.name();
}

How to write it in typescript?

// it doesn't work.
function foo<T>(typ: T): ReturnType<T.name>{
    const obj = new T();
    return obj.name();
}
2
  • Your JS version will also not work. There is no name method in STRING_TYPE.
    – brc-dd
    Oct 15, 2021 at 12:13
  • It was my mistake, I just fixed it.
    – lixp
    Oct 15, 2021 at 14:25

2 Answers 2

1

You need to put a constraint for classType argument:

class STRING_TYPE {
  value(): string {
    return "one";
  }
}
class NUMBER_TYPE {
  name(): number {
    return 1;
  }
}

type AnyClass<Return> = new (...args: any[]) => Return

const foo = <Klass extends AnyClass<{ name: () => number }>>(classType: Klass) =>
  new classType().name();
  
const result = foo(NUMBER_TYPE)

Playground

foo expects a class constructor with name method. TS is able to infer return type.

UPDATE

class STRING_TYPE {
  name(): string {
    return "one";
  }
}
class NUMBER_TYPE {
  name(): number {
    return 1;
  }
}

type AnyClass<R> = new (...args: any[]) => R

const foo = <
  Return extends { name: () => any },
  Klass extends AnyClass<Return>,
  >(classType: Klass): ReturnType<InstanceType<Klass>['name']> =>
  new classType().name()

foo(NUMBER_TYPE) // number
foo(STRING_TYPE) // string
1
  • sorry, there was a mistake in the first version of the question: the vaue():string method of STRING_TYPE should be name():string. maybe can use ReturnType<InstanceType<Klass>['name'] as the return type?
    – lixp
    Oct 15, 2021 at 15:00
0

You can do something like this:

class STRING_TYPE {
  value(): string {
    return 'one';
  }
}

class NUMBER_TYPE {
  name(): number {
    return 1;
  }
}

function foo(classType: typeof STRING_TYPE): string; // ReturnType<STRING_TYPE['value']>
function foo(classType: typeof NUMBER_TYPE): number; // ReturnType<NUMBER_TYPE['name']>

function foo(classType: typeof STRING_TYPE | typeof NUMBER_TYPE) {
  const obj = new classType();
  return obj instanceof STRING_TYPE ? obj.value() : obj.name();
}

const bar = foo(STRING_TYPE);
const baz = foo(NUMBER_TYPE);
console.log(bar, baz);

Playground


Assuming you did a typo while asking question here, and both your classes have a name method, you can do this:

class STRING_TYPE {
  name(): string {
    return 'one';
  }
}

class NUMBER_TYPE {
  name(): number {
    return 1;
  }
}

type ClassType =
  | typeof STRING_TYPE
  | typeof NUMBER_TYPE;

function foo<T extends ClassType>(classType: T) {
  const obj = new classType();
  return obj.name() as ReturnType<InstanceType<T>['name']>;
}

const bar = foo(STRING_TYPE);
const baz = foo(NUMBER_TYPE);
console.log(bar, baz);

Playground


References:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.