de:modul:m288:learningunits:lu02:01

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu02:01 [2025/09/01 13:29] – vdemirde: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. 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 ===== ===== Keywords =====
Zeile 11: Zeile 25:
   * let    * let 
   * const   * 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 ==== ==== var ====
Zeile 74: Zeile 92:
   user.vorname = "Max";   // erlaubt, Objektinhalt änderbar   user.vorname = "Max";   // erlaubt, Objektinhalt änderbar
   console.log("2: ", user); // { "name: "Doe", vorname: "Joan" }   console.log("2: ", user); // { "name: "Doe", vorname: "Joan" }
-  user = {name: "Suter", +  user = {name: "Suter", vorname: "Thierry" 
-          vorname: "Thierry" +
          };  // Fehler: Neuzuweisung nicht erlaubt          };  // Fehler: Neuzuweisung nicht erlaubt
   console.log("3: ", user); // { "name: "Doe", vorname: "Joan" }   console.log("3: ", user); // { "name: "Doe", vorname: "Joan" }
Zeile 84: Zeile 101:
  
  
-    +==== 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 ===== ===== Zusatzmaterial =====
   * [[https://www.w3schools.com/JS/js_variables.asp|W3School- JavaScript Varibles]]   * [[https://www.w3schools.com/JS/js_variables.asp|W3School- JavaScript Varibles]]
   * [[https://wiki.selfhtml.org/wiki/JavaScript/Variable|SelfHTML - JS Variablen ]]   * [[https://wiki.selfhtml.org/wiki/JavaScript/Variable|SelfHTML - JS Variablen ]]
- 
  
 ---- ----
  • de/modul/m288/learningunits/lu02/01.1756726186.txt.gz
  • Zuletzt geändert: 2025/09/01 13:29
  • von vdemir