Современный способ создания статической или переменной класса для класса Javascript

Question

Я охотился вокруг, чтобы получить четкий ответ на этот вопрос, и большая часть всплывающих окон по-прежнему связана со старым (или я должен сказать «традиционным») способом определения классы с использованием function.

Согласно this SO answer,

Свойства класса не поддерживаются в ES2015.

Насколько я могу сказать, единственный способ, чтобы добавить статическую переменную в класс, как:

https://jsfiddle.net/abalter/fknwx3n4/

class C { 

    constructor(x) { 
    console.log("in constructor " + x); 
    this.x = x; 
    this.add(this.x); 
    } 

    add(x) { 
    console.log("in add " + x); 
    C.alist.push(x); 
    } 

    show() { 
    console.log("in show"); 
    console.log(C.alist); 
    } 
} 

// MUST be done outside of actual class definition. 
C.alist = []; 

c1 = new C(5); 
c1.show(); 
c2 = new C(10); 
c1.show(); 
c2.show(); 

Является ли это конец истории? Просто кажется странным, что он не сможет сделать это ВНУТРИ определения класса.

Answer 1

Вы можете вызвать статическую функцию, которая инициализирует все статические члены сразу после определения класса, а затем дополнительно удаляет эту функцию. _{(Возможно, функция статичных переменных может быть сгенерирована?)}

Это позволит вам сохранить все ваши статические переменные внутри декларации класса.

class C { 
    static init() { 
    C.alist = []; 
    } 

    constructor(x) {…} 
    add(x) {…} 
    show() {…} 
} 
C.init(); 
delete C.init; 

Другим вариантом является, чтобы инициализировать статические переменные в конструктор, но это требует, чтобы по меньшей мере один объект быть создан до того, как статические переменные могут быть использованы.

class C { 
    constructor(x) { 
    C.alist = C.alist || []; 
    … 
    } 
    add(x) {…} 
    show() {…} 
} 

Answer 2

Если все, что вы заботитесь о стилистической инкапсуляции класса и его статических свойств в одной структуре, вы должны рассмотреть возможность использования шаблона модуля (так же, как we used it in ES5 вложить конструктор и прототип).

В ES6, есть также Object.assign, что вы могли бы использовать для этого:

const C = Object.assign(class { 
    constructor() { 
     … 
    } 
    methods() { … } 
    … 
}, { 
    of(x) { … }, 
    static_methods() {…}, 
    … 
    static_property: … 
});