Können Sie in JavaScript ES6 Werte in vorhandene Objekte zerlegen?

Destrukturierung vorhandener Objekte in JavaScript ES6

In JavaScript ES6 ermöglicht die Destrukturierung die präzise Extraktion von Werten aus Objekten und Arrays in Variablen. Viele Entwickler versuchen jedoch, Werte mithilfe der destrukturierenden Syntax auf bereits vorhandene Objekte zu übertragen.

Stellen Sie sich das folgende Szenario vor:

<br>var foo = {<br> x: "bar ",<br> y: "baz"<br>};<br>var oof = {};<br>

Wir versuchen, die x- und y-Werte von foo nach zu übertragen oof über ES6-Destrukturierung. Obwohl ES6 dieses Verhalten nicht explizit unterstützt, gibt es eine Problemumgehung:

({x: oof.x, y: oof.y} = foo);

Dieser Code liest die x- und y-Werte aus foo und schreibt sie an ihre jeweiligen Speicherorte in oof. Allerdings ist es nicht die eleganteste Lösung. Weitere Alternativen sind:

oof.x = foo.x;
oof.y = foo.y;

oder:

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

Diese Alternativen sind zwar ausführlicher, gelten aber im Allgemeinen als besser lesbar als die Destrukturierungs-Problemumgehung.

Das obige ist der detaillierte Inhalt vonKönnen Sie in JavaScript ES6 Werte in vorhandene Objekte zerlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!