Methods to acquire the 'this' type in TypeScript

Question

Methods to acquire the 'this' type in TypeScript

class A {
    method : this = () => this;
}

My goal is for this to represent the current class when used as a return type, specifically a subclass of A. Therefore, the method should only return values of the same type as the class (not limited to just the base class, A).

I believe I have achieved something similar with the following code:

class A {
    method : <T extends A> () => T = () => this;
}

However, it seems redundant to duplicate A. There must be a more efficient way to accomplish this...

javascript typescript types typescript-typings typescript-generics

Answer 1

Answer №1

Great job! Just a small correction needed - the type of the method property should be declared as () => this, not just this. This tells the compiler that, when used as a type, this is polymorphic

class A {
    method : () => this = () => this;
}

class B extends A {

}

const b = new B();

const bb = b.method(); // inferred as const bb: B;

Answer 2

Great job! Just a small correction needed - the type of the method property should be declared as () => this, not just this. This tells the compiler that, when used as a type, this is polymorphic

class A {
    method : () => this = () => this;
}

class B extends A {

}

const b = new B();

const bb = b.method(); // inferred as const bb: B;

Methods to acquire the 'this' type in TypeScript

Answer №1

Similar questions

Utilizing the splice method across multiple instances of a string

Guide to Chrome's Document Object Model and JavaScript Reference

Angular 2: Shared functions for universal component usage

Trouble with Callback firing in Select2's 'Infinite Scroll with Remote Data' feature

What is the process for programmatically importing a module into the local scope in Node.js?

Having trouble retrieving information from the Redux store and displaying it in the user interface component

Ways to utilize $document within a Modal

Angular 4 Issue: Child Routing Dysfunction

Merge a pair of observables to create a single combined output

The application is failing to launch following an upgrade to PostCSS version 8 in a React environment

Most Effective Method for Directing Users to Mobile Website

Selenium encountered an error when trying to execute the 'querySelector' function on the document. The selector provided, my_selector, is not recognized as a valid selector

Guide to creating completely static HTML using `nuxt generate`?

Stop allowing special characters in Ajax requests (HTTP)

Leveraging the power of jQuery Validation in conjunction with Bootbox

What is the most efficient method for clearing the innerHTML when dealing with dynamic content?

OpenLayers: real-time data display of objects from a list

Unable to subscribe due to the return value being an AnonymousSubject rather than an Observable

What steps do I need to take to have Greasemonkey execute a function upon the completion of an AJAX call

I encountered an issue with Expo commands where it was throwing an error: "Module not found: 'minizlib'"