Читать книгу Angular - Ferdinand Malcher - Страница 73

In der objektorientierten Programmierung kennt man das Prinzip der Getter- und Setter-Methoden. Diese Methoden haben die Aufgabe, Eigenschaften des Objekts zu lesen bzw. zu setzen. Bei Bedarf kann zusätzlich einfache Logik in den Methoden implementiert werden. ECMAScript 2015 bietet ein ähnliches Konstrukt: Die Schlüsselwörter get und set verstecken die Methoden, indem eine Eigenschaft an diese gebunden wird. Wird die Eigenschaft gelesen, so wird die dazugehörige Getter-Methode aufgerufen. Beim Befüllen der Eigenschaft mit Werten wird die dazugehörige Setter-Methode aufgerufen.

Praktisch benötigen wir Getter und Setter relativ selten, denn üblicherweise greifen wir immer direkt auf die Eigenschaften einer Klasse zu. Wollen wir allerdings beim Zugriff eine Berechnung durchführen und auf einen Methodenaufruf verzichten, so eignen sich Getter und Setter gut, wie das folgende Beispiel zeigt:

class User {

firstname: string;

lastname: string;

get fullname(): string {

return this.firstname + ' ' + this.lastname;

}

set fullname(name: string) {

const parts = name.split(' ');

this.firstname = parts[0];

this.lastname = parts[1];

}

}

const user = new User();

user.fullname = 'Erika Mustermann';

console.log(user.fullname); // Erika Mustermann

console.log(user); // { firstname: 'Erika', lastname: 'Mustermann' }