Wie ruft man eine Methode in einer Kettenaufruf auf?

Verwenden Sie einen Punkt (.) zwischen Methodenaufrufen oder Eigenschaften eines Objekts. Jeder Methodenaufruf oder Property-Zugriff gibt ein Objekt zurück, auf dem Sie dann den nächsten Methodenaufruf oder Property-Zugriff ausführen können.

// Beispiel für eine Kette von Methodenaufrufen
" abc ".trim().toUpperCase().split(" ");

/*  
   1. " abc ".trim()  -> "abc"  
   2. "abc".toUpperCase() -> "ABC"  
   3. "ABC".split(" ") -> ["ABC"]  
*/

// Beispiel für eine Kette mit Property-Zugriff
const user = {
  address: {
    city: "Moskau"
  }
};

user.address.city; // "Moskau"

// Beispiel mit optionalem Chaining (?.)
// Ermöglicht sicheren Zugriff auf verschachtelte Objekteigenschaften,
// und verhindert Fehler, wenn eine der Zwischen-Eigenschaften null oder undefined ist.
user.address?.street; // undefined, ohne Fehler

const anotherUser = {};
anotherUser.address?.city; // undefined, ohne Fehler

Beim Entwerfen eigener Methoden zur Unterstützung des Chaining sollte jede Methode this zurückgeben (eine Referenz auf das aktuelle Objekt), außer der letzte in der Kette, der das Endergebnis zurückgeben kann.

class Builder {
  constructor() {
    this.value = "";
  }

  addText(text) {
    this.value += text;
    return this; // Gibt this zurück
  }

  addNumber(number) {
    this.value += number;
    return this; // Gibt this zurück
  }

  build() {
    return this.value; // Gibt das Endergebnis zurück
  }
}

const result = new Builder().addText("Hello").addNumber(123).build();
console.log(result); // "Hello123"