在es6中的非静态成员函数中调用静态getter javascript class

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) 
} 

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

Answer 1

添加非静态get name()到Animal类返回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();