What is the best way to utilize the parameter of a generic static method within a generic function?

Question

What is the best way to utilize the parameter of a generic static method within a generic function?

My attempt at utilizing Omit<T, 'id'> within a generic function is shown below:

class Model{
   static create<T extends Model>(a: Omit<T, 'id'>): number{
        return 0;
    }

    id = 0;
    title = 'test';
}

class Child extends Model{
    child = true;
}


function createModel<T extends typeof Model>(model: T, data: Parameters<T['create']>[0]) : InstanceType<T> {
    return {} as InstanceType<T>;
}

const instance = createModel(Child, {title: 'test', child :true }); // trying to include child properties here as the second argument

Playground

When using

Parameters<T.func<InstanceType<T>>>

, I encountered this error:

Cannot access 'T.func' because 'T' is a type, not a namespace. Did you mean to retrieve the type of the property 'func' in 'T' with 'T["func"]'?(2713)

Using

Parameters<T['create']<InstanceType<T>>>

resulted in:

Parameter 'InstanceType' implicitly has an 'any' type.

In addition, there was invalid syntax when createModel had more than 6 parameters

Is there a way to reuse the parameter without introducing a common external type?

typescript

Answer 1

Answer №1

Because func is a static method, it does not exist on an instance of Model

I believe this is the solution you are seeking.

function test<T extends typeof Model>(model: T, data: Parameters<T['func']>[0]) : T {
    return {} as T;
}

Edit

Revised response based on the clarifications provided in the question.

class Model {
  static create<T extends Model>(a: Omit<T, "id">): number {
    return 0;
  }

  id = 0;
  title = "test";
}

class Child extends Model {
  child = true;
}

declare function createInstance<T extends typeof Model>(
  model: T,
  data: Parameters<typeof Model.create<InstanceType<T>>>[0],
): InstanceType<T>;

const t = createInstance(Child, { title: "test", child: true });

Does this achieve the functionality you desire? https://tsplay.dev/m0Dbxm

Answer 2

Because func is a static method, it does not exist on an instance of Model

I believe this is the solution you are seeking.

function test<T extends typeof Model>(model: T, data: Parameters<T['func']>[0]) : T {
    return {} as T;
}

Edit

Revised response based on the clarifications provided in the question.

class Model {
  static create<T extends Model>(a: Omit<T, "id">): number {
    return 0;
  }

  id = 0;
  title = "test";
}

class Child extends Model {
  child = true;
}

declare function createInstance<T extends typeof Model>(
  model: T,
  data: Parameters<typeof Model.create<InstanceType<T>>>[0],
): InstanceType<T>;

const t = createInstance(Child, { title: "test", child: true });

Does this achieve the functionality you desire? https://tsplay.dev/m0Dbxm

What is the best way to utilize the parameter of a generic static method within a generic function?

Answer №1

Edit

Similar questions

Unusual output from the new Date() function: it displays the upcoming month

Which is the optimal choice: subscribing from within a subscription or incorporating rxjs concat with tap?

Locating a specific entry in a custom object array based on a property

How can I clear the div styling once the onDismiss handler has been triggered

Error: Cannot locate 'import-resolver-typescript/lib' in jsconfig.json file

Delete a particular instance of a component from an array within the parent component when a button is clicked within the child component, depending on a specific condition in Angular

Leveraging the TypeScript compiler API to retrieve data on interface field types

Combining two entities within nodeJS

Tips for preventing the "Too many re-renders" error in React and avoiding infinite loops

Angular: Populating a date field using a dropdown menu selection

Having trouble getting TypeScript to install using npm on a Mac?

In order to conceal the div tag once the animation concludes, I seek to implement React

Typescript extra property specifications

Executing an infinite loop can occur when employing an NgRx call to dispatch an action within an Angular router

Filtering object properties from arrays in Angular HTML can be achieved using various methods such as

Can an entire object be bound to a model in an Angular controller function?

Utilizing moment.js in conjunction with typescript and the module setting of "amd"

unable to modify the attributes of an object in Angular

Issues with Typegoose and Mongoose Enums when utilizing an array of strings

What is the process for assigning the same type as one of the type members?