Использование статического свойства в методе унаследованного класса

Question

Этот фрагмент кода транслируется с Babel и TypeScript и работает как ожидалось.

class ParentClass { 
    static staticProp = true; 

    method() { 
     console.log(this.constructor.staticProp); 
    } 
} 

class ChildClass extends ParentClass { 
    static staticProp = false; 
} 

(new ChildClass).method(); 

Требования здесь, чтобы обратиться к статическому свойству текущего класса (через this.constructor) вместо того, чтобы упомянуть класс явно, так что метод может быть унаследован и использовать соответствующие статические свойства в дочерних классах.

Это нормально для Бабеля, и машинопись компилирует его, как хорошо, но он бросает

ошибка TS2339: Свойство «staticProp» не существует на типе «Function».

сверху сборник.

Как можно обработать этот случай с помощью компилятора TypeScript?

Answer 1

Я был в состоянии сделать машинопись молчать с

class ParentClass { 
    static staticProp = true; 

    method() { 
     console.log((<typeof ParentClass>this.constructor).staticProp); 
    } 
} 

Answer 2

Если вы готовы пожертвовать проверки типов, вы можете избавиться от ошибки компилятора машинописи путем индексации свойства:

console.log(this.constructor["staticProp"]); 

Answer 3

машинописи поддерживает только ClassName.staticPropertyName синтаксиса в данный момент. Существует, однако, an open issue с просьбой о его упрощении.

Вы также можете обернуть свой staticProp в геттер. Это громоздко, но по крайней мере, он не чувствует, как язык хака:

class ParentClass { 
    static staticProp = true; 

    method() { 
     console.log(this.staticProp); 
    } 

    get staticProp(): boolean { return ParentClass.staticProp; } 
} 

class ChildClass extends ParentClass { 
    static staticProp = false; 

    get staticProp(): boolean { return ChildClass.staticProp; } 
} 

(new ChildClass).method();