Detaillierte Erklärung der Verwendung von Object.assign() in ES6

Methode : Object.assign()
Funktion : Den Wert des Quellobjekts dem Zielobjekt zuweisen. Dabei werden die Werte beider Objekte überschrieben, der Wert des Zielobjekts bleibt erhalten und der Wert des Quellobjekts wird hinzugefügt.
Wegbeschreibung :

Die Methode Object.assign führt eine oberflächliche Kopie aus, keine tiefe Kopie. Das heißt, wenn der Wert einer Eigenschaft des Quellobjekts ein Objekt ist, dann kopiert das Zielobjekt eine Referenz auf dieses Objekt.

var Objekt1 = { a: { b: 1 } };

ar Objekt2 = Objekt.assign({}, Objekt1);

Objekt1.ab = 2;

console.log(Objekt2.ab);

2. Zweck

2.1 Objekten Eigenschaften hinzufügen

2.2 Methoden zu Objekten hinzufügen

2.3 Objekte klonen

Funktion copyFnc(Ursprung) {

return Object.assign({}, Herkunft)}

var sur = { a: 1, b: 2 };

console.log(copyFnc(sur));

Der obige Code kopiert das Originalobjekt in ein leeres Objekt und wir erhalten einen Klon des Originalobjekts.

Mit dieser Methode können zum Klonen jedoch nur die Werte des ursprünglichen Objekts selbst geklont werden, nicht die Werte, die es erbt. Wenn Sie die Vererbungskette beibehalten möchten, können Sie den folgenden Code verwenden.

Funktion Klon(Ursprung) {

let originProto = Object.getPrototypeOf(origin);

gibt Object.assign(Object.create(originProto), Herkunft) zurück;

}

In JS verwendet die Unterklasse Object.getPrototypeOf, um die Methode der übergeordneten Klasse aufzurufen und den Prototyp des Objekts zu erhalten.

2.4 Mehrere Objekte zusammenführen

//Mehrere Objekte zu einem Objekt zusammenführen

const merge = (Ziel, ...Quellen) => Object.assign(Ziel, ...Quellen);

//Mehrere Objekte zu einem neuen Objekt zusammenführen

const merge = (...Quellen) => Object.assign({}, ...Quellen);

2.5 Festlegen von Standardwerten für Eigenschaften

const DEFAULTS = {
logLevel: 0,
Ausgabeformat: 'html'};
Funktion Prozessinhalt (Optionen) {let Optionen = Object.assign ({}, DEFAULTS, Optionen);
}

Dies ist das Ende dieses Artikels über die Verwendung und den Zweck von ES6 Object.assign(). Weitere Informationen zur Verwendung von ES6 Object.assign() finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!