Wie bleibt der ursprüngliche Objektname erhalten, wenn in ES6 destrukturierte Funktionsparameter verwendet werden?

Beibehalten des Stammobjektnamens in destrukturierten Funktionsparametern von ES6

In ES6 ermöglicht die Destrukturierung von Funktionsparametern eine präzise Extraktion einzelner Objekteigenschaften. Es stellt sich jedoch die Frage, wie der Name des Stammobjekts beibehalten werden kann, wenn nur bestimmte Eigenschaften destrukturiert werden.

Übergabe des Stammobjekts in ES5

In ES5 Objekte können mithilfe der Vererbungsmetapher als Referenz übergeben werden. Beispielsweise nimmt eine „setupParentClass5“-Funktion ein „options“-Objekt und verwendet es, um einen „textEditor“ zu konfigurieren. Eine „setupChildClass5“-Funktion erbt diese Optionen, indem sie „setupParentClass5(options)“ aufruft.

Herausforderungen bei der ES6-Destrukturierung

In ES6 werden destrukturierte Parameter wie „const {rows , columns}“ in „setupParentClass6“ extrahiert nur die spezifischen aufgelisteten Eigenschaften. Dies kann dazu führen, dass auf das Stammobjekt „options“ innerhalb von „setupChildClass6“ nicht zugegriffen werden kann.

Lösung mit einem zusätzlichen Argument

Eine Lösung besteht darin, ein zusätzliches Argument hinzuzufügen, wie in gezeigt :

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options); 
};

Dieser Ansatz ermöglicht „setupChildClass6“ den Zugriff auf das vollständige „options“-Objekt, einschließlich destrukturierter und nicht destrukturierter Eigenschaften.

Das obige ist der detaillierte Inhalt vonWie bleibt der ursprüngliche Objektname erhalten, wenn in ES6 destrukturierte Funktionsparameter verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!