ES6 getter - /setter-mit-Pfeil-Funktion

Ich bin mit babel6 und für mein Haustier-Projekt, ich bin die Schaffung eines wrapper um das XMLHttpRequest-Objekt, die Methoden, die ich verwenden kann:

open = (method, url, something) => {
  return this.xhr.open(method, url, something);
}

aber für den Eigenschaften-Pfeil funktioniert nicht

dies funktioniert:

get status() { return this.xhr.status; }

aber ich kann nicht mit

get status = () => this.xhr.status;

Ist dies beabsichtigt?

Sie brauchen nicht die geschweiften Klammern und das return; kann man nur sagen (method, url, something) => this.xhr.open(method. url, something).
get ist ein Teil von einem Objekt-literal oder eine Klassendefinition, eine variable Zuordnung nicht. Warum denken Sie, sollten Sie gleich?
status => this.xhr.status (c# 7 syntaxe) oder vielleicht get status() => this.xhr.statuswäre in der Tat eine große syntaxic Zucker für die Lesbarkeit, sondern Javascript nicht Typescript nicht (noch nicht?) unterstützen

InformationsquelleAutor Gabor Dolla | 2015-11-20

babeljs ecmascript-6

79

Entsprechend der ES2015 Grammatik, eine Eigenschaft auf einem Objekt-literal kann nur eines von vier Dingen:
PropertyDefinition:
- IdentifierReference
- PropertyName : AssignmentExpression
- MethodDefinition
Einzige dieser Art, die erlaubt, dass ein führender get ist MethodDefinition:
MethodDefinition :
- PropertyName ( StrictFormalParameters ) { FunctionBody }
- GeneratorMethod
- get PropertyName ( ) { FunctionBody }
- set PropertyName ( PropertySetParameterList ) { FunctionBody }
Wie Sie sehen können, die get form folgt eine sehr beschränkte Grammatik müssen die form
```
get NAME () { BODY }
```
Die Grammatik nicht erlauben, Funktionen der form get NAME = ....
- Danke für Eure Hilfe, ich akzeptiere Ihre Antwort. Weißt du, wo es definiert ist, dass getter/setter können nicht verwendet werden, mit einem Auftrag ? Einfach nur neugierig.
- Bearbeitet und beziehen sich auf die Objekt-literal Grammatik in der ECMAScript-Spezifikation.
InformationsquelleAutor apsillers
25

Die akzeptierte Antwort ist groß. Es ist das beste, wenn Sie bereit sind, zu verwenden normalen Funktion syntax statt compact "- Pfeil-Funktion, syntax".

Aber vielleicht ist Sie wirklich, wie Pfeil-Funktionen; vielleicht verwenden Sie die Pfeil-Funktion aus einem anderen Grund die normale Funktion syntax nicht ersetzen Sie brauchen eine andere Lösung.

Zum Beispiel, ich merke, OP verwendet this, möchten Sie vielleicht, um bind this lexikalisch; auch bekannt als "nicht-Bindung dieser"), mit Pfeil und Funktionen sind gut für die lexikalische Bindung.

Können Sie immer noch einen Pfeil Funktion mit einem getter, über die Object.defineProperty Technik.
```
{
  ...
  Object.defineProperty(your_obj, 'status', { 
     get : () => this.xhr.status 
  });
  ...
}
```
Sehen Nennungen Objekt-Initialisierung - Technik - (aka get NAME() {...}) vs die defineProperty - Technik - (aka bekommen : ()=>{}). Gibt es mindestens einen signifikanten Unterschied, mit defineProperty erfordert die Variablen bereits vorhanden ist:

Definition eines getter auf vorhandene Objekte

d.h. mit Object.defineProperty müssen Sie sicherstellen, dass your_obj (in meinem Beispiel) existiert und ist gespeichert in einer Variablen (in der Erwägung, dass mit einer object-initialization kehren Sie könnten ein Objekt-literal in Ihrem Objekt-Initialisierung: {..., get(){ }, ... }). Mehr info auf - Objekt.defineProperty speziell, hier

Object.defineProperty(...) zu haben scheint vergleichbaren browser-support für die get NAME(){...} syntax; moderne Browser, IE 9.
- Clever, aber es ist letztendlich viel Ausführlicher als nur: get status() { return this.xhr.status; }
- Ich Stimme zu, es ist zu ausführlich. Aber nur um klar zu sein, Ihre this muss das Objekt, in dem Sie Ihre get status() { ... } definiert ist. Aber meine this könnte etwas anderes sein, durch die lexikalische Bindung Unterschiede, richtig?
- Stimmen...aber in der Praxis habe ich noch nicht ausgeführt haben, in einem Fall, wo this ist nicht das, was ich will in einen get-accessor. (Die this Bindung Vorteile der Pfeil-Funktionen scheinen zu kommen ins Spiel, wenn die übergabe-Funktionen um, wie mit event-Handler und Callback-Routinen.)
- Ich bin damit einverstanden, verwende ich Häufig Fett + Pfeil lexikalische Bindungen ()=>{} für die Rückrufe, die ich übergeben, um eine Versprechen, wie $http(...).then((promise_result)=> this...})). Wenn ich nicht verwenden, Fett-Pfeil this repräsentieren den globalen Window Objekt; nicht sehr nützlich. Aber ich habe selten (nie?) verwendet haben ()=>{} wie die Funktion für ein "get-accessor", wie du sagst... zumindest this innerhalb von get() repräsentieren das Objekt, auf dem get() definiert ist (das ist schon mehr als nützlich Window; so gibt es keine Notwendigkeit zur Verwendung eines fat-Pfeil-Funktion!)
InformationsquelleAutor The Red Pea

-3

        _getvalue: () => {
            return this.array.length;
        }
        get value(): number {
            return this._getvalue();;
        }