在es6 javascript类的非静态成员函数内调用静态getter

Question

如何在es 6类中从普通成员函数调用静态函数？

这是一个例子：

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

我可以将语音功能更改为返回

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

但这总是从动物类中输出名称，但是我想要的是输出当前类的静态名称属性（例如，子类中的“老虎”）。 我怎样才能做到这一点？

Answer 1

向返回this.constructor.name的Animal类中添加一个非静态的get 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();