What is the method to retrieve the name of a derived class from a base class?

Can we retrieve the name of a derived class from within the base constructor?

class Entity {
    constructor() {
         // How can we access and log the class name here?
         console.log('a')
    }
}
class a extends Entity {}
new a()

Answer №1

If you want to retrieve the name of a function in JavaScript or TypeScript, you can use the Function.name property. Take a look at this helpful answer:

class Entity {
  constructor() {
    console.log(this.constructor.name)
  }
}

class A extends Entity {}
const a = new A();
console.log(a.constructor.name);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Ionic 2 Media Plugin File Status with Ionic Native

In the Ionic Native Media plugin documentation found here, it mentions that there are both static and instance members, such as status. I am looking for an example related to the file status in the media plugin. I attempted to do this: console.log(this. ...

Can TypeScript accurately perform the _.invert function?

When using lodash, you can utilize the _.invert function to switch an object's keys and values: var object = { 'a': 'x', 'b': 'y', 'c': 'z' }; _.invert(object); // => { 'x': &a ...

What is the best way to accomplish this task using JavaScript fetch?

I stumbled upon this solution. Essentially, it's a call to Mailchimp requesting a confirmation email be sent to users after submitting their email. The script functions flawlessly with jquery. However, I have a distaste for jquery and find it bother ...

Getting an Angular error while adding data to MongoDB with Unshift

I encountered an error when submitting data to MongoDB using Angular. The error is related to the use of the unshift keyword, but I am not very familiar with Angular. Can someone help me understand why this error is occurring? TypeError: Cannot read prope ...

What is the best way to navigate between different areas of an image using html and javascript?

I am currently in the process of learning how to develop mobile applications, and I am still in the early stages. Although this question is not directly related to mobile development, it pertains more to html/css/js. My goal is to create a simple game wh ...

Having difficulty executing the command 'npm install -g expo-cli'

When attempting to execute npm install - g expo-cli on a Windows 10 machine, I am encountering issues. An error message keeps popping up and preventing me from proceeding. I'm in desperate need of assistance! npm WARN deprecated <a href="/cdn-cgi/ ...

Having difficulty making Skrollr compatible with BootStrap 3 single page wonder

I am completely new to JavaScript, which is why I decided to use Skrollr. However, I have been facing some challenges in getting Skrollr to work properly on my webpage. I added the following code at the end of my page: <script type="text/javascript" sr ...

Choose the tab labeled "2" within a segment of the webpage

index.html#section takes you to a specific section of a webpage. However, I am interested in picking the second tab within a section of the page. I'm uncertain if this can be achieved without relying on JavaScript, but employing the Tab Content Script ...

Issues with navigation menus in Bootstrap/Wordpress

My mobile drop-down menu is giving me some strange issues. When you toggle the button, the menu briefly appears just below the button before moving to its correct position. Sometimes it doesn't work at all, and clicking has no effect. You can witnes ...

Creating client side scripts for an ajax call to generate a Json object is simple once you understand the basics

Typically, when I make ajax calls, I request pure HTML. However, for various reasons, I require guidance on constructing a table (let's say of individuals and their information) when receiving a Json object. While I am capable of creating a table in J ...

Transform the C# DateTime to LocalTime on the client side using JavaScript

Utilizing the Yahoo API on my server to retrieve currency information can be done through this link: Yahoo Currency API This API provides me with both a Date and a Time, which I'd like to combine into a single DateTime object. This will allow me to e ...

Issue with Angular @Input when navigating back in browser causing component to not render

Within the parent component, I am fetching a list of products from the store: // ... ngOnInit() { this.products$.subscribe(products => { this.products = products; }) } // ... <!-- ... --> <ng-container *ngIf="products"> ...

Rendering images in Next.js version 10

Just recently, Next.js version 10 was launched featuring the latest Image element, making it a great asset for websites that heavily rely on images! When I receive an HTML response from the server, it looks something like this: HTML = "<div> &l ...

Vue-i18n does not offer a default export option

Hello everyone! This is my first experience using vue-i18n in a project with TypeScript + Vue. Following the instructions from the official site, I installed it using yarn install vue-i18n. Next, I tried to import it into main.ts using import VueI18n from ...

Filtering array objects based on elements in another array

I am trying to filter out elements from one array based on matching ids in another array. My first array looks like: const toFilter = [1,4,5] And the second array has a structure similar to this: const foo = [{id: 1, time:XXX}, {id:2, time:XXX}, {id: 3, t ...

The function button.click() is not compatible with Internet Explorer 11 and will not

I have implemented a jqx menu using the code snippet below: <ul style='width: 200px;'> <li onclick="logOffButton.click();">Sign off</li> </ul> My goal is to automatically trigger a click event on the "logOffButton" o ...

What are the steps for transitioning with JavaScript?

My goal is to make both the <hr> elements transition, but I'm struggling with only being able to select the lower <hr> using CSS. html { margin-bottom: 0; height: 100%; min-height: 100%; } body { margin-top: 0; height: 100%; ...

What steps can be taken to avoid a component from re-rendering (or maintaining its state unchanged) during page transitions?

Is there a way to prevent a shared component, like a sidebar, from re-rendering when transitioning between two pages? Specifically, if the sidebar is fixed at a certain y position in the scroll track, how can we ensure that it remains unchanged when navig ...

How to revert TypeScript version in Visual Studio to 1.7

After updating VS2015 to Update 2, which also updated TypeScript to version 1.8, I encountered some issues with my code that required me to uninstall it. However, rolling back Update 2 did not revert TypeScript back to the previous version. Despite TypeScr ...

Send form information using the REST method

Can someone provide guidance on how to properly handle this endpoint in my code? @PostMapping("/createUser") public ResponseEntity<User> createUser(@RequestBody User user) {...} I am looking to implement a user creation feature on my HTML ...