Javascript-Methoden

__dict__ | exp | JavaScript | sin | to_dict

Michael Zippo 04.11.2021

JavaScript hat eine Object-Klasse mit allen möglichen Methoden, mit denen wir diese Objekte manipulieren können. In diesem Artikel werfen wir einen Blick auf die Methode Object.assign() und zeigen, wie sie verwendet wird.

Zur Erinnerung ist ein Objekt ein Datentyp in JavaScript, ähnlich zu Wörterbuchern in Python, die sogenannte Schlussel:Wert-Paare haben. Sagen wir, wir haben ein Objekt, nennen wir es Harry. Es könnte Schlussel:Wert-Paare haben, die wie folgt aussehen:

Die Grundregel Das Thema in dieser Situation ist, dass der Eigenschaftsname links vom Doppelpunkt der Schlussel ist und das Zeug rechts der Wert. Die meisten Schlussel und Werte sind ziemlich einfach – das einzige, was ein wenig heikel sein könnte, ist die allerletzte Eigenschaft: pet. Haustier ist in diesem Fall immer noch der Schlussel. Der Wert ist jedoch ein Objekt, das zwei weitere Schlussel:Wert-Paare hat. Dies nennen wir ein verschachteltes Objekt.

Object.assign(target, …sourceObjs);

Es gibt eine Object-Methode namens Assign(), die verwendet werden kann, um ein oder mehrere Quellobjekte zu ubernehmen und in ein Zielobjekt zu kopieren. Gehen wir direkt zum Code, um zu sehen, was er tut:

Lassen Sie uns den Code gemeinsam durchgehen. Wir beginnen mit einem Objektliteral namens hpChar. Dieses hpChar hat einen Vornamen, Nachnamen, Alter, Haus und Haustiereigentum. Diese Haustiereigenschaft ist selbst ein Objekt und hat selbst einige Schlussel und Werte.

Als nächstes haben wir unsere erste Instanz unserer Methode, uber die wir hier sprechen. Object.assign benötigt zwei oder mehr Parameter. Der erste ist immer das Zielobjekt denen Sie Werte zuweisen möchten. In diesem Fall ist es ein leeres Objekt.

Der zweite Parameter ist unser oben definiertes Objekt. Dies ist das Quellmaterial, aus dem wir zuweisen werden zum Zielobjekt (unser erster Parameter).

Die folgende Zeile protokolliert das Ergebnis in der Konsole:

Nichts sehr anderes, oder? Das liegt daran, dass wir hpChar einem leeren Objekt zugewiesen haben – Wir haben das Objekt im Wesentlichen geklont. Was wäre, wenn wir es noch einmal tun wurden, aber einige Werte ändern wurden? Anstelle des leeren Objekts ersetzen wir dieses diesmal durch das hpChar-Objekt – Dies wird dieses Mal unser Ziel sein. Lassen Sie uns einige Werte des zweiten Parameters ändern. Spielen Sie ruhig mit den Werten herum, solange die Tasten gleich bleiben.

Hier sind die Werte, die ich ersetzen werde. Wenn der Wert im Zielobjekt nicht geändert werden muss, mussen Sie seinen Wert im Quellobjekt nicht explizit angeben.

Als wir das Ergebnis das zweite Mal in der Konsole protokollierten, wurde das Zielobjekt zuruckgegeben und die Eigenschaften mit neuen Werten uberschrieben. Jetzt sieht unsere Konsole so aus:

So sieht das Zusammenfuhren von zwei Objekten mit den gleichen Eigenschaften aus . Was wäre nun, wenn wir drei Objekte mit unterschiedlichen Eigenschaften zusammenfuhren wurden? Was erwarten Sie?

Obj1 ist unser Zielobjekt. Obj2 und obj3 sind unsere Quellobjekte. Diese werden in unser Zielobjekt verschmelzen. Da sich keine Eigenschaften uberschneiden, werden alle Eigenschaften mit ihren jeweiligen Werten in obj1 zusammengefuhrt.

Da hast du es! Eine funktionierende Implementierung von Object.assign(). Sobald Sie die Konzepte hier verstanden haben, sind Sie dem Erlernen eines JavaScript-Frameworks einen Schritt näher gekommen!