TypeScript abstract class generics: `Class<?>` type

Question

TypeScript abstract class generics: `Class<?>` type

When working with TypeScript, I often utilize a Java-like type called Class:

interface Class<T = void> {

    new(...args: any[]): T;

}

Unfortunately, this type doesn't seem to be compatible with abstract classes:

abstract class Bar {}

class Foo {
   
  test(clazz: Class) { }

  doIt() {
    this.test(Bar);//ERROR
  }
}

Upon attempting this, I receive an error stating that "Argument of type 'typeof Bar' is not assignable to parameter of type 'Class<void>'". This issue arises because the new operator cannot be used with abstract classes. Hence, I'm seeking a type that can cater to both abstract and non-abstract classes. Is there a way to achieve this?

typescript

Answer 1

Answer №1

To achieve this, you can utilize an abstract construct signature:

type Class<T = void> =
  abstract new (...args: any[]) => T;

This signature allows you to assign both a regular/concrete constructor and an abstract constructor as needed:

abstract class Bar { }
class Baz { }

class Foo {

  test(clazz: Class) { }

  doIt() {
    this.test(Bar); // acceptable
    this.test(Baz); // acceptable
  }
}

It's important to note that abstract construct signatures must be in the form of an arrow construct expression (similar to a function expression); you cannot use abstract before new in an object-like construct signature:

interface Oops<T = void> {
  abstract new(...args: any[]): T; // error!
  //~~~~~~ <-- 'abstract' modifier cannot appear on a type member
}

For further exploration and testing, you can visit the TypeScript Playground with the provided Playground link.

Answer 2

To achieve this, you can utilize an abstract construct signature:

type Class<T = void> =
  abstract new (...args: any[]) => T;

This signature allows you to assign both a regular/concrete constructor and an abstract constructor as needed:

abstract class Bar { }
class Baz { }

class Foo {

  test(clazz: Class) { }

  doIt() {
    this.test(Bar); // acceptable
    this.test(Baz); // acceptable
  }
}

It's important to note that abstract construct signatures must be in the form of an arrow construct expression (similar to a function expression); you cannot use abstract before new in an object-like construct signature:

interface Oops<T = void> {
  abstract new(...args: any[]): T; // error!
  //~~~~~~ <-- 'abstract' modifier cannot appear on a type member
}

For further exploration and testing, you can visit the TypeScript Playground with the provided Playground link.

TypeScript abstract class generics: `Class<?>` type

Answer №1

Similar questions

Ways to expand the DOM Node type to include additional attributes

Guide to uploading a recorded audio file (Blob) to a server using ReactJS

Using the className prop in React with TypeScript

Problems with installing ambient typings

Data fetched by Next.js is failing to display on the web page

Enhance your TypeScript React development with NeoVim

Difficulty with two-dimensional arrays in Angular and Typescript

What is the best way to access a class's private static property in order to utilize it for testing purposes?

Utilizing Sharepoint Online SPFX Web parts with React: A guide to selecting scripts dynamically based on environment requirements

The value of req.headers('Authorization') has not been defined

Steps for initiating an Angular 4 project

Having trouble with Angular routing in a .NET MVC 5 application with Angular 6?

Updating the page dynamically in React/Redux by making API calls based on user submissions

The error message "Property 'showUserDropdown' is not found on type '{}'.ts" indicates that the specified property is not present in the defined

Utilizing the reduce() function to simultaneously assign values to two variables from data input

Clarifying the concept of invoking generic methods in TypeScript

Ways to break down a collection of multiple arrays

When using a Redux action type with an optional payload property, TypeScript may raise complaints within the reducer

Display text when hovered over or clicked to insert into an HTML table

Can TypeScript be set up to include undefined as a potential type in optional chains?