Was sind Getter und Setter für ECMAScript 6-Klassen?

Question

Ich bin verwirrt, was der Punkt der Getters und Setter in ECMAScript 6 Klassen sind. Was ist der Zweck? Unten ist ein Beispiel, das ich mich beziehe:

class Employee { 

    constructor(name) { 
     this._name = name; 
    } 

    doWork() { 
     return `${this._name} is working`; 
    } 

    get name() { 
     return this._name.toUpperCase(); 
    } 

    set name(newName){ 
     if(newName){ 
      this._name = newName; 
     } 
    } 
} 

Answer 1

Diese Setter und Getter können Sie die Eigenschaften direkt verwenden (ohne die Klammer mit)

var emp = new Employee("TruMan1"); 

if (emp.name) { 
    // uses the get method in the background 
} 

emp.name = "New name"; // uses the setter in the background 

Dies ist nur zu setzen und den Wert der Immobilie zu erhalten.

Answer 2

Getter und Setter in ES6 dienen dem gleichen Zweck, dass sie in anderen Sprachen zu tun ... einschließlich ES5. ES5 erlaubt bereits Getter und Setter über Object.defineProperty, obwohl sie weniger sauber und mehr umständlich zu verwenden sind.

Getter und Setter ermöglichen es Ihnen, die standardmäßige Eigenschaftenzugriffsnotation für Lese- und Schreibvorgänge zu verwenden und dennoch die Möglichkeit zu erhalten, die Eigenschaft ohne explizite Getter- und Setter-Methoden abzurufen und zu mutieren.

In der Klasse Employee oben, würde dies bedeuten, Sie name Eigenschaft wie folgt zugreifen können:

console.log(someEmployee.name); 

Es wäre aussehen wie eine normale Eigenschaft Zugang, aber es wäre toUpperCase auf den Namen tatsächlich nennen vor es zurückgeben. In ähnlicher Weise dies zu tun:

someEmployee.name = null; 

die Setter zugreifen würde, und es würde die interne _name Eigenschaft wegen der Schutzklausel eingeführt in name ‚s Setter nicht ändern.

Siehe auch die allgemeine Frage Why use getters and setters? für weitere Informationen darüber, warum die Funktionalität des Memberzugriffs geändert werden kann, ist nützlich.

Answer 3

ES6 Getter und Setter haben eine wesentlich andere Motivation als ähnliche Konzepte in Java.

In Java erlauben Getter und Setter einer Klasse, eine JavaBean zu definieren. Der Punkt von Getter und Setter ist, dass es der Bean erlaubt, eine vollständig orthogonale "Schnittstelle" von der von öffentlichen Feldern implizierten zu haben. So kann ich ein Feld "name" haben, das ist keine JavaBean-Eigenschaft, und ich kann eine JavaBean-Eigenschaft "Adresse", die kein Feld ist.

JavaBean Eigenschaften sind auch durch Tausende von Frameworks (Hibernate zum Beispiel) über Java-Reflektion "erkennbar". Daher sind Getter und Setter Teil einer Standardmethode zum Aussetzen von Bean-Eigenschaften.

Getters und Setter, die Funktionen sind, haben auch den Wert, dass sie die Implementierung "abstrahieren". Es kann entweder ein Feld oder ein berechneter ("synthetischer") Wert sein. Wenn ich also eine Bean-Eigenschaft namens "Postleitzahl" habe, beginnt diese als gespeicherte Zeichenfolge. Nun nehme ich an, ich möchte es zu einem Wert ändern, der aus Adresse/Stadt/Staat berechnet wird?

Wenn ich ein Feld verwenden, dieser Code bricht:

 String zipcode = address.zipcode(); 

Aber wenn ich einen Getter zu verwenden, das nicht bricht:

 String zipcode = address.getZipcode(); 

JavaScript nicht so etwas wie Java Beans hat. Soweit ich gelesen habe, ist der beabsichtigte Wert von GET und SET auf die oben genannten "synthetischen" (berechneten) Eigenschaften beschränkt.

Aber es ist etwas besser als Java in dem, während Java nicht erlaubt Ihnen, ein "Feld" in eine Methode kompatibel zu konvertieren, ermöglicht ES6 GET und SET das.

Das heißt, wenn ich:

 var zipcode = address.zipcode; 

Wenn ich zipcode ändern ruft eine Standard-Objekt-Eigenschaft auf einen Getter aus ist, der obige Code jetzt die GET-Funktion.

Beachten Sie, dass, wenn ich nicht GET in der Definition enthalten waren, das die zipcode GET-Methode nicht aufrufen würde. Stattdessen würde es der var nur die Funktion zipcode zuweisen.

Also ich denke, dies sind einige wichtige Unterschiede zwischen Java und JavaScript ES6 Getters und Setter zu verstehen.