Verstehen Sie, wie Variablen in JavaScript gehalten werden: Als Werte oder Referenzen

In JavaScript bzw. in der Programmierung ist eine Variable ein Ort im Speicher eines Computers, der zum Speichern von Daten verwendet wird. Variablen werden deklariert (mit einem Namen, einem Bezeichner versehen) und können je nach Sprache sofort oder später einen Wert zugewiesen bekommen. Auf diese Variable kann später im Programm Bezug genommen werden, anstatt denselben Wert noch einmal explizit anzugeben.

In JavaScript werden Daten in Form von Werten weitergegeben. Diese Werte können entweder primitive oder Objektwerte sein. Als JavaScript-Entwickler ist es entscheidend zu verstehen, wie JavaScript mit Daten umgeht, um solide Grundlagen in der Sprache zu haben.

Primitive Werte umfassen:

• Zeichenfolgen.
• Zahlen.
• Boolesche Werte.
• BigInt.
• Symbol.
• Nicht definiert.

Objektwerte hingegen sind:

• Arrays.
• Funktionen.
• Objekte.

Diese Werttypen verhalten sich anders, wenn sie weitergegeben werden. Beachten Sie den folgenden Ausschnitt:

var myName = "Fred";
var otherName = myName;
meinName = "Ashley";
console.log(meinName); //Ashley
console.log(andererName); //Fred

Beachten Sie, dass otherName derselbe geblieben ist, auch wenn es wie eine „Kopie“ von myName aussieht. In Wirklichkeit passierte tatsächlich Folgendes: Als otherName myName zugewiesen wurde, wurde dieser nicht als Kopie der Zeichenfolge „Fred“ zugewiesen, sondern es wurde eine neue Zeichenfolge „Fred“ erstellt. Daher besteht keine direkte Verbindung zwischen myName und otherName. Auf diese Weise gibt JavaScript primitive Werte weiter.

Objektwerte werden unterschiedlich gehandhabt, sehen Sie sich den folgenden Ausschnitt an:

var myObj = {color: "red"};
var otherObj = myObj;
myObj.color = "blue";
console.log(myObj.color); //Blau
console.log(otherObj.color); //Blau

Hier wurde ein Objekt erstellt und myObj zugewiesen, das dann otherObj zugewiesen wurde. Sehen Sie, wie die Farbeigenschaften von otherObj und myObj geändert wurden, indem einfach die Farbeigenschaft von myObj geändert wurde. Dies liegt daran, dass Objektwerte als Referenzen weitergegeben werden. myObj verweist nicht direkt auf das Objekt, sondern auf dessen Referenz. otherObj wird dann myObj zugewiesen, was eine Referenz auf das reale Objekt ist. Daher sind beide Variablen mit demselben Objekt verknüpft, da sie auf dieselbe Referenz verweisen. Eine Änderung in einer wirkt sich auf die andere aus.

Aus diesem Grund gibt der Vergleich (===) zweier Objekte direkt „false“ zurück, Sie vergleichen buchstäblich zwei verschiedene Referenzen. Hier gibt myObj === otherObj true zurück, da wir dieselben Referenzen vergleichen.

Ich hoffe, dies gibt Ihnen einen neuen Einblick in die Funktionsweise von JavaScript hinter den Kulissen.

Bis dahin bleiben Sie fehlerfrei.