Wie greife ich auf das Root-Objekt in ES6-Destrukturierungsfunktionsparametern zu?

ES6-Destrukturierungsfunktionsparameter: Benennen des Stammobjekts

In ES6 können Sie mit Destrukturierungsfunktionsparametern bestimmte Eigenschaften direkt aus einem Objekt extrahieren Weisen Sie sie Variablen innerhalb der Funktion zu. Wenn Sie jedoch den Namen des ursprünglichen Objekts für die weitere Verarbeitung benötigen, kann dies eine Herausforderung darstellen.

Beibehalten des Namens des Stammobjekts

In ES5 kann der Name des Stammobjekts explizit an Unterklassen übergeben werden, indem das gesamte Objekt übergeben wird. Dieser Ansatz ist jedoch mit der ES6-Destrukturierung, die nur bestimmte Eigenschaften extrahiert, nicht durchführbar.

Eigenschaften von Stammobjekten extrahieren

Um dieses Problem zu umgehen, besteht eine Möglichkeit darin, zu extrahieren alle notwendigen Eigenschaften vom Wurzelobjekt in der Unterklasse. Diese Methode wird bei einer großen Anzahl von Eigenschaften umständlich.

Verwenden einer Variablen zum Halten des Stammobjekts

Eine prägnantere Lösung besteht darin, eine Variable zum Halten des Stammobjekts zu erstellen Objekt. Dies fügt zwar eine zusätzliche Codezeile hinzu, bietet aber eine saubere und flexible Möglichkeit, auf das Originalobjekt zuzugreifen und vereinfacht die Bedienung in komplexeren Szenarien.

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options); // Root object can be accessed as 'options'
};

Mit dieser Methode können Sie das gesamte Stammobjekt an übergeben übergeordnete Klasse und greifen weiterhin auf bestimmte Eigenschaften innerhalb der Unterklasse zu. Es bietet ein Gleichgewicht zwischen Prägnanz und Flexibilität des Codes.

Das obige ist der detaillierte Inhalt vonWie greife ich auf das Root-Objekt in ES6-Destrukturierungsfunktionsparametern zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!