Sometimes, we want to use "this" inside a class method with TypeScript.
In this article, we’ll look at how to use "this" inside a class method with TypeScript.
How to use "this" inside a class method with TypeScript?
To use "this" inside a class method with TypeScript, we can use it like we do in JavaScript.
For instance, we write
class Messenger {
message = "Hello World";
start() {
setTimeout(() => alert(this.message), 3000);
}
}
to use this
inside the setTimeout
callback, which is an arrow function that is inside the start
method.
Therefore, this
would still reference the Messenger
instance since arrow functions don’t change the scope of this
.
And using this
in a method at the top level would reference the class instance.
Conclusion
To use "this" inside a class method with TypeScript, we can use it like we do in JavaScript.