Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu02:01 [2025/09/01 13:18] – vdemir
+++ de:modul:m288:learningunits:lu02:01 [2025/09/01 19:52] (aktuell) – vdemir
@@ Zeile 5: / Zeile 5: @@
 Variablen dienen in JavaScript dazu, Werte zu speichern und wiederzuverwenden. Sie können Zahlen, Texte, Objekte, Funktionen und vieles mehr aufnehmen.
+===== Beispiele =====
+  // Beispiele fuer Werte
+  let n = 42;          // Number
+  let s = "Hallo";     // String
+  let ok = true;       // Boolean
+  let list = [1, 2, 3];
+  let user = { name: "Volkan" };
+===== Deklaration vs. Zuweisung =====
+  * Deklaration: Variable bekannt machen (let x;)
+  * Zuweisung: Wert setzen oder aendern (x = 5;)
+  * Beides gemeinsam ist ueblich: let x = 5;
 ===== Keywords =====
@@ Zeile 11: / Zeile 25: @@
   * let
   * const
+Das nachfolgende Schaubild veranschaulicht die Gültigkeit von Variablen in JavaScript.
+{{:de:modul:m288:learningunits:lu02:lu02b_01.png?600|Scope von Variblen}}
 ==== var ====
@@ Zeile 54: / Zeile 72: @@
 **Wichtig:** Das bedeutet nicht, dass der gespeicherte Wert „eingefroren“ ist – bei Objekten und Arrays lassen sich Inhalte weiterhin ändern.
-**Beispiel:**
+**Beispiel 1 - einfache Varibale**
   const id = "1234";
@@ Zeile 63: / Zeile 81: @@
 {{:de:modul:m288:learningunits:lu02:lu02_03.png?600| mit const deklarierte variable}}
-Die Konsolenausgabe zeigt, dass der ursprüngliche Wert der Variable //name// 1234 war. Der Versuch den Inhalt zu überschreiben führt zu einer Fehlermeldung. //Markpoint 2:// zeigt, dass der Inhalt der Variable sich nicht verändert hat.
+Die Konsolenausgabe bei //Markpoint 1:// zeigt, dass der ursprüngliche Wert der Variable //name// 1234 war. Der Versuch den Inhalt zu überschreiben führt zu einer Fehlermeldung. //Markpoint 2:// zeigt, dass der Inhalt der Variable sich nicht verändert hat.
+**Beispiel 2 - Komplexe Variable (Objekt/Arra)**
+  const user = { name: "Doe",
+                 vorname: "Joan"
+               };
+  console.log("1: ", user); // { "name: "Doe", vorname: "Joan" }
+  user.name = "Muster";   // erlaubt, Objektinhalt änderbar
+  user.vorname = "Max";   // erlaubt, Objektinhalt änderbar
+  console.log("2: ", user); // { "name: "Doe", vorname: "Joan" }
+  user = {name: "Suter", vorname: "Thierry"
+         };  // Fehler: Neuzuweisung nicht erlaubt
+  console.log("3: ", user); // { "name: "Doe", vorname: "Joan" }
+  {{:de:modul:m288:learningunits:lu02:lu02_04.png?600|Const mit assoziativen Arrays}}
+In der Abbildung ist zu sehen, dass der Versuch das Array neu zu schreiben eine Fehlermeldung herbeiführt. Hingegen kann der Inhalt des Arrays verändert werden.
+==== Lernvideo ====
+{{:de:modul:m288:learningunits:lu02:lu02_05.mp4|Lernvideo Keywords: var, let, const}}
+==== Vergleich ====
+^ ^Scope ^Redeclare   ^Reassign             ^Hoisted                        ^Binds this ^
+^ ^Gültigkeitsbereich ^Neu anlegen ^Werte überschreibbar ^Wird an den Codeanfang gezogen ^this-Notation erlaubt ^
+|var   |No          |Yes                  |Yes                            |Yes |Yes |
+|let   |Yes         |No                   |Yes                            |No  |No  |
+|const |Yes         |No                   |No                             |No  |No  |
 ===== Zusatzmaterial =====
   * [[https://www.w3schools.com/JS/js_variables.asp|W3School- JavaScript Varibles]]
   * [[https://wiki.selfhtml.org/wiki/JavaScript/Variable|SelfHTML - JS Variablen ]]
 ----