在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();