Variabili membro nelle classi ES6

Question

Esiste un modo per utilizzare la notazione ECMAScript6 class per dichiarare una variabile di classe statica o un valore predefinito per una variabile di istanza? Senza class quello che ho in mente sarebbe scritto come

function MyClass(arg) { if(arg) this.arg = arg; } 
MyClass.classVariable = 42; 
MyClass.prototype.arg = "no arg specified"; 

La più ovvia notazione ES6-come a mio avviso sarebbe stato

class MyClass { 
    constructor(arg) { if(arg) this.arg = arg; } 
    static let classVariable = 42; 
    let arg = "no arg specified"; 
} 

Ma questo non funziona, dal momento che secondo il the current spec draft solo le produzioni di ClassElement sono statici e metodi di istanza e punto e virgola da soli. OK, si può usare un paio di metodi getter e setter per ottenere una semantica simile a quello che ho delineato, ma credo che con una severa penalizzazione delle prestazioni e con una sintassi davvero bizzarra.

C'è qualche bozza che suggerisce di includere variabili nella notazione class, in un modo o nell'altro? In tal caso, qual è stata la sintassi suggerita, dove è stata pubblicata, dove è stato discusso, come è andata la discussione e qual è lo stato attuale delle cose su questo fronte? Così com'è, questa domanda non può essere risolta se nessuna di queste cose è stata discussa prima, a qualsiasi livello, ma lo ritengo improbabile.

Un po 'di background: attualmente sto giocando con il compilatore di chiusura Google eseguendo una compilazione avanzata, utilizzando ES6 come input. Perché funzioni, ho bisogno di un posto dove inserire le mie annotazioni di tipo per le variabili membro, e le ho usate usando la sintassi come /** @type {string} */ MyClass.prototype.arg; che è un no-sem semantico in ECMAScript ma fornisce le informazioni sul tipo al compilatore di chiusura semplice e facile. Non ho ancora trovato un modo altrettanto piacevole per farlo con un costrutto class. Ma se ti interessa affrontare questo aspetto, quello sarebbe un commento. La domanda di cui sopra riguarda le dichiarazioni dei membri che sono più che non opzionali, quindi è qui che dovrebbe rispondere una risposta.

Answer 1

ES6 non coprirà quasi certamente la sintassi per la definizione delle variabili di classe. Solo i metodi e i getter/setter possono essere definiti utilizzando la sintassi della classe. Ciò significa che dovrai ancora percorrere la route MyClass.classVariable = 42; per le variabili di classe.

Se si desidera inizializzare una classe con alcune impostazioni predefinite, è disponibile un nuovo set di sintassi ricco per l'argomento della funzione e i valori predefiniti di destrutturazione che è possibile utilizzare. Per fare un semplice esempio:

class Foo { 
    constructor(foo = 123) { 
     this.foo = foo; 
    } 
} 

new Foo().foo == 123 
new Foo(42).foo == 42 

Answer 2

Non ho usato Google Closure Compiler, ma con Babel è possibile dichiarare static (ambito a un class) variabili come descritto here. L'articolo è incentrato su React a causa dell'utilità dei membri static per React, ma è applicabile a ES6 class in generale.

sintassi è vicino alla vostra sintassi proposto:

class MyClass { 
    constructor(arg) { if(arg) this.arg = arg; } 
    static defaultArg = 42; 
    let arg = MyClass.defaultArg; 
} 

noti che dovrete aggiungere al vostro 'es7.classProperties'.babelrc per questo compilare. Vedi lo Babel 5.0.0 release notes per maggiori informazioni.

Non so se esiste un modo per dichiarare uno static come const.

Answer 3

Anche se non fa parte delle specifiche ES6, sembra che arriverà presto ed è già supportato da Babel e da altri.

Ecco le specifiche: https://github.com/jeffmo/es-class-fields-and-static-properties

e un elenco completo di tutte le proposte e il loro stato: https://github.com/tc39/ecma262