InstanceType type in Typescript - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this code using InstanceType?

Consider the following TypeScript code using InstanceType. What will be logged to the console?

Typescript

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  speak() {
    return `${this.name} makes a noise.`;
  }
}

type AnimalInstance = InstanceType<typeof Animal>;

const pet: AnimalInstance = new Animal('Dog');
console.log(pet.speak());

A "Dog makes a noise."

B "Animal makes a noise."

C TypeError at runtime

D Compilation error due to InstanceType misuse

💡 Hint

InstanceType extracts the instance type from a constructor function type.

The InstanceType utility type extracts the instance type that a constructor function returns. Here, AnimalInstance is the type of an instance of Animal. So, pet is an Animal instance and calling pet.speak() returns "Dog makes a noise.".

🧠 Conceptual

intermediate

What does InstanceType do in TypeScript?

Choose the best description of what InstanceType<T> does when T is a constructor type.

A Converts a class type to a primitive type.

B Extracts the type of the constructor function itself, not the instance.

C Creates a new instance of type <code>T</code> at runtime.

D Extracts the type of the instance created by the constructor type <code>T</code>.

💡 Hint

Think about what a constructor function returns when called with new.

InstanceType<T> extracts the type of the object created by the constructor function type T. It does not create instances or convert types.

❓ Predict Output

advanced

What is the type of variable 'obj' here?

Given this TypeScript code, what is the type of obj?

Typescript

class Person {
  constructor(public name: string, public age: number) {}
}

type PersonConstructor = typeof Person;

type PersonInstance = InstanceType<PersonConstructor>;

const obj: PersonInstance = { name: 'Alice', age: 30 };

A An instance of <code>Person</code> with methods only, no properties.

B A constructor function type, not an object.

C An object with properties <code>name</code> (string) and <code>age</code> (number).

D A compilation error because <code>obj</code> is not created with <code>new</code>.

💡 Hint

InstanceType extracts the instance type, which includes properties.

The type PersonInstance is the instance type of Person, which has name and age properties. The object literal matches this type, so it is valid.

🔧 Debug

advanced

What error does this code produce?

Examine this TypeScript code using InstanceType. What error will the compiler show?

Typescript

type NotAConstructor = {
  foo: string;
};

type Result = InstanceType<NotAConstructor>;

A Type 'NotAConstructor' does not satisfy the constraint 'new (...args: any) => any'.

B No error, Result is type 'any'.

C Runtime error when accessing Result.

D Syntax error due to missing constructor.

💡 Hint

InstanceType requires a constructor type as input.

InstanceType expects a type that is a constructor function. Since NotAConstructor is just an object type without a constructor signature, the compiler errors.

🧠 Conceptual

expert

Why use InstanceType instead of directly using a class type?

Which reason best explains why you might use InstanceType<typeof SomeClass> instead of just using SomeClass as a type?

A To create a new instance of the class at runtime automatically.

B To get the instance type from a constructor type when the class type is not directly accessible or to work with constructor signatures generically.

C To convert the class type into a primitive type for optimization.

D To enforce that the class has no static methods.

💡 Hint

Think about generic programming and working with constructor types.

InstanceType is useful when you have a constructor type (like typeof SomeClass) and want to get the instance type it creates, especially in generic or dynamic contexts where the class name might not be known directly.