Lesson 17 of 55
15 mins readTyping the this Parameter
In Plain English
TypeScript allows you to declare an explicit fake first parameter named this to validate call-site context at compile time.
Core Rules to Remember
Compile-Time Only: The this parameter is erased during compilation and not present in JavaScript output.
Call-Site Validation: Guarantees call, apply, and bind match the expected context type.
Live Interactive Example
Hit Run Code to see it liveExplicit this Annotations
Python 3.12
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Output Console
Click "Run Code" to view the rendered output.
How it works: The this parameter is purely a compile-time construct that guarantees caller context matches EventTarget.
Your Turn: Micro Challenge
No pressure! Edit the starter code below and test your solution with instant feedback.
Micro Exercise
Type a User Profile Formatter
- Declare interface Profile { username: string; karma: number; }.
- Write function getBadge(this: Profile): string returning `User ${this.username}: ${this.karma} pts`.
- Call getBadge using .call({ username: "alex", karma: 450 }) and print the result.
1
2
3
4
5
6
7
8
9
10
11
Sandbox Output
Click "Run & Check" to test your solution.
Finished reading and practicing?
Mark this lesson as completed to update your course progress.