Veränderliche und unveränderliche Daten in JavaScript

Der Begriff Veränderlichkeit bedeutet veränderbar; Das Konzept der Veränderlichkeit kann nur auf Objekte und Arrays in JavaScript angewendet werden. Das Konzept der Mutability kann nicht auf primitive Daten wie String, Boolean, Nummer usw. angewendet werden. Während sich unveränderliche Daten auf primitive Daten beziehen, deren Zustand nicht geändert werden kann. In diesem Beitrag werden wir den Unterschied zwischen veränderlichen Daten und unveränderlichen Daten mit Hilfe einiger Beispiele verstehen.

Bevor wir uns auf den Weg zu veränderlichen oder unveränderlichen Daten machen, müssen wir zunächst das Konzept des Speichers von Daten in JavaScript -Variablen klären. Die Variablen in JavaScript können zwei Arten von Werten entweder primitiver Typ oder Referenztyp speichern.

Insgesamt sieben primitive Datentypen sind in JavaScript verfügbar, während es drei Referenzdatentypen gibt. Der Hauptunterschied zwischen ihnen besteht darin. Kurz gesagt, der primitive Datentyp ist der Basistyp, während der Referenzdatentyp das Objekt ist, das aus mehreren Merkmalen besteht, und diese Objekte werden als Referenz übergeben.

Veränderliche Daten in JavaScript

Veränderliche Objekte können nach ihrer Erstellung modifiziert oder überarbeitet werden, müssen jedoch sich daran erinnern, dass ein Objekt zwei Referenzen hat, und es ist auch möglich, dass es zwei Objekte mit denselben Eigenschaften gibt. Mehrere Referenzen für ein Objekt und zwei Objekte mit ähnlichen Eigenschaften sind zwei verschiedene Dinge.

Implementierung veränderlicher Daten in JavaScript

Betrachten wir ein Beispiel, um die Veränderlichkeit in JavaScript zu verstehen.

lass Employee1 = Name: "Joe Clarke", Alter: 35, ID: 123, Stadt: 'London';
SEITETEE2 = Mitarbeiter1;
lass Employee3 = Name: "Joe Denly", Alter: 25, id: 121, Stadt: 'Birmingham';
Konsole.log ("prüfen, ob Employee1 = Employee2", Employee1 === Employee2);
Konsole.log ("prüfen, ob Employee1 = Employee3", Employee1 === Employee3);

Wir haben ein Objekt namens erstellt "Mitarbeiter1" und haben ihm einige Eigenschaften zugewiesen, in der zweiten Zeile haben wir eine Variable erstellt "Mitarbeiter2" und haben sie die Variable zugewiesen "Mitarbeiter1" was bedeutet das “Mitarbeiter2”Hätte die gleichen Eigenschaften wie die "Mitarbeiter1".

Danach erstellen wir eine andere Variable mit dem Namen von "Mitarbeiter3" Und wir weisen ihm verschiedene Eigenschaften zu.

Zuletzt haben wir überprüft, ob "Mitarbeiter2" Und "Mitarbeiter3" hat die gleichen Eigenschaften wie "Mitarbeiter1" oder nicht.

Ausgabe des obigen Codes ist:

Lassen Sie uns nun sehen, was passiert, wenn wir den Wert von „Employee1“ ändern, wird dies die Eigenschaften von „Employee2“ beeinflussen?

Ändern wir unseren Code:

lass Employee1 = Name: "Joe Clarke", Alter: 35, ID: 123, Stadt: 'London';
SEITETEE2 = Mitarbeiter1;
Mitarbeiter1.name = "Dean Elgar";
Konsole.log ("Aktualisierte Werte von Employee1:", Employee1);
Konsole.log ("Aktualisierte Werte von Employee2:", Employee2);

Überprüfen Sie, ob es sich auf die Name des Namens von Employee2 auswirkt oder nicht.

Die Ausgabe für unseren geänderten Code ist:

Aus der oben gegebenen Ausgabe können wir sehen, dass uns Änderungen, die wir in der Eigenschaft von vornehmen, vornehmen “Mitarbeiter1"Hat den Wert von" beeinflusst "Mitarbeiter2" sowie. Dies geschieht, weil "Mitarbeiter2Wurde mit Referenz von erstellt "Mitarbeiter1".

Unveränderliche Daten in JavaScript

Die Unveränderlichkeit bezieht sich auf die primitiven Werte wie Zeichenfolge oder Zahl usw. und in JavaScript können wir sie nicht ändern, aber wir können sie mit einigen neuen Werten neu zuweisen.

Implementierung unveränderlicher Daten in JavaScript

Das unterbezogene Beispiel hilft Ihnen, die unveränderlichen Datentypen zu verstehen.

var Employee1 = 'Daniel';
var Employee2 = Employee1;
Konsole.log ("Name des ersten Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Name des zweiten Mitarbeiter:", Mitarbeiter2);

Wir haben eine Variable erstellt und ihnen einen Wert zugewiesen. Dann haben wir eine andere Variable erstellt und sie die erste Variable zugeordnet, wie sie im untergegebenen Screenshot hervorgehoben wurden.

Lassen Sie uns nun die Ausgabe untersuchen. Beide Variablen zeigen die gleiche Ausgabe:

Ändern Sie nun den Wert von “Mitarbeiter1"Und beobachten Sie, wird es den Wert von" verändern "Mitarbeiter2Auch oder bleiben gleich:

var Employee1 = 'Daniel';
var Employee2 = Employee1;
Konsole.log ("Name des ersten Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Name des zweiten Mitarbeiter:", Mitarbeiter2);
var Employee1 = 'Bryn';
Konsole.log ("Aktualisierter Name des 1. Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Aktualisierter Name des 2. Mitarbeiter:", Employee2);

Beachten Sie nun die Ausgabe:

Das Beispiel verdeutlicht das, wenn wir den Wert von ändern Mitarbeiter1, Es wirkt sich nicht auf den Wert der zweiten Variablen aus, was bedeutet, dass JavaScript beide als separate Variablen behandelt.

Abschluss

Veränderliche Daten können an jedem Punkt geändert werden, während unveränderliche Daten den veränderlichen Daten widersprechen, da diese nicht geändert werden können. In diesem Beitrag haben wir den Unterschied zwischen primitiven Datentypen und Referenztypen erläutert. Dann haben wir die Idee von veränderlichen und unveränderlichen Daten verstanden, zu diesem Zweck einige Beispiele und implementierten sie in JavaScript. Schließlich können wir zu dem Schluss kommen, dass, wenn wir einen Wert der Referenzvariablen ändern, auch den ursprünglichen Wert mutiert, die primitive Variable nicht mutiert.