Getter mit Pfeil Funktion Syntax

Question

Gibt es eine JavaScript-Syntax, die mir die folgende kurz und bündig tun können:

class MyClass { 
    static get myProp() { 
     return 1; 
    } 
} 

keine große Sache, aber ich würde gerne wissen, ob es etwas, das wie ein Pfeil war Funktion, die ich mache es nur ein wenig schlanke, so etwas wie läßt:

class MyClass { 
    static get myProp =() => 1; 
} 

ich weiß, ich könnte schreibe es so (wenn auch nicht ein sicheres Äquivalent):

class MyClass {} 
MyClass.myProp = 1; 

Oder diese schwieriger zu lesen und mehr Alternative:

class MyClass {} 
Object.define(MyClass, 'myProp', { get:() => 1; }); 

aber das fühlt sich an wie ein Missbrauch der class Syntax

Answer 1

Es gibt einen besseren Weg, es zu tun. Dies kann mit Babel Preset für die Klassentransformation geschehen. Die Voreinstellung für diese spezielle Funktion lautet "Preset-stage-2".

Die Dokumentation Seite von babel für Preset-Stufe-2: https://babeljs.io/docs/plugins/preset-stage-2/

Use Case: In Ihrer .bablerc die vorliegenden Datei Anzeige.

{ 
    "presets": ["stage-2"] 
} 

Hinweis: es ist ein separates Modul npm es so installieren vorher.

Answer 2

Sie können keine Pfeilfunktionen verwenden, um Klassenfunktionen innerhalb einer Klassendeklaration zu definieren. Der Versuch, dies zu tun, erzeugt einen Syntaxfehler.

Der folgende Code:

class MyClass { 
 
    static get myVal() { 
 
    console.log(this); 
 
    return 1; 
 
    } 
 

 
    static get yourVal =() => { 
 
    console.log(this); 
 
    return 2; 
 
    } 
 
}

Erzeugt diesen Fehler:

{ 
    "message": "Uncaught SyntaxError: Unexpected token =", 
    "filename": "https://stacksnippets.net/js", 
    "lineno": 19, 
    "colno": 22 
} 

Und diesen Code:

class MyClass { 
 
    dogs = (val) => { 
 
    console.log('Bark, bark', val); 
 
    } 
 
}

erzeugt diesen Fehler:

{ 
    "message": "Uncaught SyntaxError: Unexpected token =", 
    "filename": "https://stacksnippets.net/js", 
    "lineno": 14, 
    "colno": 12 
} 

Dieser Code:

class MyClass {} 
Object.define(MyClass, 'myProp', { get:() => 1; }); 

Ist nur die ES5 Version zu diesem Code:

class MyClass { 
    static get myProp() { return 1; } 
} 

---

Dieser Code:

class MyClass {} 
MyClass.myProp = 1; 

Is nicht myProp zum Prototyp der Klasse befestigen und ist das Äquivalent einer statischen Variablen. Aber dieser Wert kann geändert werden. Wenn Sie also eine Nur-Lese-Eigenschaft wollen, dann müssen Sie eine der oben genannten Setter ..

In diesem Code:

class MyClass { 
 
    static get myVal() { 
 
    return 1; 
 
    } 
 
} 
 
MyClass.yourVal = 33; 
 

 
console.log(MyClass.myVal); 
 
console.log(MyClass.yourVal);

wir die Ausgabe von 1 und 33 erhalten. Was ist das, was erwartet wurde?