Constructor parameter types in Typescript - Step-by-Step Execution

Concept Flow - Constructor parameter types

Start: Create instance

↓

Call constructor with parameters

↓

Check parameter types

↓

Assign to properties

↓

Instance ready

When creating an object, TypeScript checks the types of constructor parameters before assigning them to properties.

Execution Sample

Typescript

class Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}
const p = new Person("Alice", 30);

This code creates a Person object with a name and age, checking types in the constructor.

Execution Table

Step	Action	Parameter 'name' Type Check	Parameter 'age' Type Check	Assign Properties	Result
1	Call constructor with ('Alice', 30)	string ✓	number ✓	this.name = 'Alice', this.age = 30	Instance created
2	End of constructor	-	-	-	Object ready with name='Alice', age=30

💡 Constructor finishes after assigning valid typed parameters

Variable Tracker

Variable	Start	After constructor call	Final
this.name	undefined	'Alice'	'Alice'
this.age	undefined	30	30

Key Moments - 2 Insights

Why does TypeScript check parameter types in the constructor?

TypeScript ensures the values passed match the declared types before assigning, preventing errors. See execution_table step 1 where 'name' and 'age' types are checked.

What happens if a wrong type is passed to the constructor?

TypeScript shows a compile-time error and stops. The assignment does not happen, so the object is not created. This is implied by the 'Invalid?' branch in concept_flow.

Visual Quiz - 3 Questions

Look at the execution_table at step 1, what type is expected for the 'age' parameter?

A number

B string

C boolean

D any

💡 Hint

Check the 'Parameter 'age' Type Check' column in execution_table step 1

At which step are the constructor parameters assigned to object properties?

A Step 2

B Before Step 1

C Step 1

D After Step 2

💡 Hint

Look at the 'Assign Properties' column in execution_table

If the 'name' parameter was passed as a number, what would happen?

A Constructor assigns it anyway

B TypeScript error stops compilation

C The object is created with name as number

D The program runs but with a warning

💡 Hint

Refer to concept_flow where invalid parameter types cause errors

Concept Snapshot

Constructor parameter types in TypeScript:
- Define types in constructor parameters
- TypeScript checks types when creating instances
- Correct types assign values to properties
- Wrong types cause compile-time errors
- Helps catch bugs early

Full Transcript

This visual execution shows how TypeScript checks constructor parameter types when creating an object. First, the constructor is called with parameters. TypeScript verifies each parameter matches the declared type. If valid, the values are assigned to the object's properties. If invalid, TypeScript stops with an error. The variable tracker shows how properties change from undefined to assigned values. This prevents bugs by ensuring only correct types are used when creating objects.