📚
Lerndokumentationen
Web
Web
  • Willkommen
  • HTML
    • Was ist HTML?
    • Elemente
    • Attribute
    • Boilerplate
  • Textelemente
  • Links
  • Dokumentenstruktur
  • Medien
  • Tabellen
  • Formulare
  • CSS
    • Was ist CSS?
    • Syntax
  • Einheiten
  • Selektoren
  • Boxmodell
  • Hintergründe und Rahmen
  • Overflow
  • Bilder
  • Formulare
  • Textelemente
  • Layout
    • Flexbox
    • Grid
  • Responsive Design
  • JavaScript
    • Was ist JavaScript?
    • Einbindung in HTML
    • Grundlagen
      • Variablen und Werte
      • Datentypen
      • Operatoren und Ausdrücke
      • Kontrollstrukturen
      • Schleifen
    • Funktionen
      • Funktionsdeklarationen vs. Funktionsausdrücke
      • Arrow Functions
      • Standardparameter und Rest-Parameter
      • First-Class und Higher-Order-Funktionen
      • Closures
      • IIFE (Immediately Invoked Function Expressions)
    • Arrays
      • Erstellen und Modifizieren
      • Iteration über Arrays
      • Sortieren
      • Nützliche Methoden
    • Objekte und Datenstrukturen
      • Erstellen und Manipulieren
      • Destructuring
      • Sets und Maps
    • Strings
      • Template Literals
      • Methoden
    • Moderne JavaScript-Features
      • Optionale Verkettung
      • Nullish Coalescing Operator
      • Spread und Rest Operator
      • Kurzschlussausdrücke
    • Scope und Kontext
      • this Keyword
      • Call, Apply und Bind
      • Hoisting und Temporal Dead Zone (TDZ)
    • Objektorientierte Programmierung
      • Prototypes
      • Constructor Functions
      • ES6 Classes
      • Die create()-Methode
    • Asynchronous JavaScript
      • AJAX
      • Promises
    • Zahlen, Daten, Internationalisierung und Timer
      • Mathematische Operationen
      • Datum und Zeit
      • Internationalisierung
      • Timer
    • Modules
    • JavaScript im Browser (DOM und Events)
      • Das DOM
      • Elemente auswählen, erstellen und manipulieren
      • Styles, Attribute und Klassen
      • Events und Event Listener
      • Event Propagation
        • Event Delegation
      • DOM Traversing
    • JavaScript Engine und Performance
      • Execution Context und Call Stack
  • TypeScript
    • Was ist TypeScript?
  • Compiler und Runtimes
  • Konfiguration
  • Types
    • Primitive Typen und Typableitung
    • Arrays und Tupel
    • Objekte
    • Top- und Bottom-Types
    • Enums
    • Utility Types
      • Records
  • Typenkombination
    • Union Types
    • Discriminated Unions
    • Intersections
  • Funktionen
  • Klassen
    • Grundlagen
    • Feldinitialisierer
    • Schreibgeschützte Felder
    • Implementieren
    • Private und Geschützte Member
    • Getter und Setter
    • Statische Member
    • Abstrakte Klassen und Member
  • Modules
    • Importieren und Exportieren
    • Ambient Types
    • Namespaces
    • Globals
  • React
    • Was ist React?
    • JSX
    • Komponenten
      • Root-Komponente
      • Styling
      • Listen
      • Conditional Rendering
      • Fragments
    • Props
      • Destructuring
      • Children
    • Interaktivität
      • Event Handling
      • State
      • Formulare
    • State Management
      • State anheben
      • Derived State
    • Komposition und Reusability
      • Komponentenstrukturierung
      • Prop Drilling
      • Komposition
Bereitgestellt von GitBook
Auf dieser Seite
  • Werte
  • Variablen
  • let, const und var
  1. JavaScript
  2. Grundlagen

Variablen und Werte

VorherigeGrundlagenNächsteDatentypen

Zuletzt aktualisiert vor 3 Monaten

Werte

Ein Wert ist ein Stück aus Daten. Es ist die grundlegendste Informationseinheit, die wir beim Programmieren haben. Zum Beispiel sind

'Jonas'
210
3.141

alles Werte. Wie Sie sehen, haben sie alle unterschiedliche , sodass sie etwas anderes darstellen. "Jonas" zum Beispiel ist ein String.

Variablen

Aber das allein nützt uns nichts, weil wir es nirgendwo speichern. Dieses Problem wird mit Variablen gelöst, in denen wir einen Wert speichern, sodass wir ihn immer wieder verwenden können. Variablen werden mit einem von drei Schlüsselwörtern erstellt: let, const oder var. Letzteres wird heutzutage nicht mehr verwendet, es ist alt und nur noch für Legacy-Code da, aber es hat einige besondere Eigenschaften.

let firstName = 'Jonas';

Was wir hier getan haben, nennt man eine Variable deklarieren. Wenn wir nun den Wert verwenden wollen, referenzieren wir den Variablennamen

console.log(firstName); // Jonas

Dies ist äusserst nützlich, wenn der Name in mehreren Fällen verwendet wird und wir ihn ändern wollen. Ohne Variablen müssten wir den alten Namen durch den neuen ersetzen, aber mit der Variable müssen wir ihn nur einmal ersetzen:

let firstName = 'Matilda';
console.log(firstName); // Matilda
console.log(firstName); // Matilda
console.log(firstName); // Matilda

let, const und var

Wir benutzen let, um eine Variable zu deklarieren, die später geändert werden kann:

let age = 30;
age = 31;

Dieser Vorgang wird Neuzuweisung eines Wertes an eine Variable oder Mutation der Variable age genannt.


Wir benutzen const, um eine Variable zu deklarieren, die später nicht mehr geändert werden kann:

const birthYear = 1991;

Da wir die Variable nicht mutieren können, müssen wir ihr direkt einen Wert zuweisen, zum Beispiel

ist illegal, weil es nie einen Wert erhalten wird.


var ist die alte Art, eine Variable zu deklarieren, auf den ersten Blick sieht es so aus, als wäre es das gleiche wie let:

var job = 'Programmierer';
job = 'Lehrer';

Es gibt jedoch einige wesentliche Unterschiede zwischen let und var, auf die wir in späteren Abschnitten eingehen werden.

Wenn du nicht weisst, was du tust, nutze niemals var!

Datentypen