Call static getter within a non static member function in es6 javascript class

Question

How can i call a static function from a normal member function within an es 6 class?

Here is an example:

class Animal {
    constructor(text) {
        this.speech = text;
    }

    static get name() {
        return "Animal";
    }

    speak() {
        console.log( this.name + ":"+ this.speech)
    }
}

class Tiger extends Animal {
    static get name() {
        return "Tiger"
    }
}

var animal = new Animal("hey there");
animal.speak();
var tiger = new Tiger("hello");
tiger.speak();

// output: 
// undefined:hey there
// undefined:hello

I could change the speak function to return

speak() {
     console.log( Animal.name + ":"+ this.speech)
}

But this would always output the name from the Animal Class, but what i want is to output the static name property of the current class (e.g. "Tiger" within the subclass). How can i do that?

You could use this.constructor.name, at least in your case that would work (static members are properties of the constructor function and Object.prototype.constructor is helping you there). However, i am unsure whether that is the best/cleanest solution. — ASDFGerte
– ASDFGerte, Commented Jan 4, 2017 at 14:37

Ori Drori · Accepted Answer · 2017-01-04 15:34:24Z

2

Add a non static get name() to the Animal class that returns this.constructor.name:

get name() {
    return this.constructor.name;
}

class Animal {
    constructor(text) {
        this.speech = text;
    }

    static get name() {
        return "Animal";
    }

    get name() {
        return this.constructor.name;
    }

    speak() {
        console.log( this.name + ":"+ this.speech)
    }
}

class Tiger extends Animal {
    static get name() {
        return "Tiger"
    }
}

var animal = new Animal("hey there");
animal.speak();
var tiger = new Tiger("hello");
tiger.speak();

answered Jan 4, 2017 at 15:34

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call static getter within a non static member function in es6 javascript class

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related