JavaScript ist eine vielseitige Programmiersprache, die das Web antreibt und es Entwicklern ermöglicht, interaktive und dynamische Websites zu erstellen. Eines der Kernkonzepte in JavaScript und in jeder Programmiersprache ist die Art und Weise, wie Daten gespeichert und bearbeitet werden. Um Webanwendungen effektiv zu erstellen, ist es wichtig, Variablen und Datentypen in JavaScript zu verstehen.

In diesem Artikel besprechen wir, was Variablen sind, wie man sie deklariert und welche verschiedenen Datentypen JavaScript zum Speichern und Bearbeiten von Daten unterstützt.

Variablen in JavaScript

Was ist eine Variable?

Eine Variable in JavaScript ist wie ein Container, der Daten enthält. Es ermöglicht Ihnen, Werte zu speichern und abzurufen, die Sie im gesamten Programm verwenden können. Stellen Sie sich Variablen als Etiketten vor, die Werten zugeordnet sind. Sobald Sie einer Variablen einen Wert zuweisen, können Sie mit ihrem Namen auf sie verweisen, anstatt den Wert jedes Mal direkt zu verwenden.

Anstatt beispielsweise „John“ mehrmals zu schreiben, können Sie es einer Variablen wie dieser zuweisen:

let name = "John";
console.log(name);  // Outputs: John

Variablen deklarieren

In JavaScript können Variablen mit den Schlüsselwörtern var, let oder const deklariert werden.

1. var

var ist die älteste Möglichkeit, Variablen in JavaScript zu deklarieren. Es gibt jedoch einige Probleme mit dem Umfang, weshalb moderne JavaScript-Entwickler die Verwendung von let und const bevorzugen.

var age = 30;
console.log(age);  // Outputs: 30

2. let

let ist blockbezogen, was bedeutet, dass die Variable nur innerhalb des Blocks existiert, in dem sie definiert ist (z. B. innerhalb einer Funktion oder einer Schleife). Dies ist die am häufigsten verwendete Methode zum Deklarieren von Variablen in modernem JavaScript.

let city = "New York";
console.log(city);  // Outputs: New York

3. const

const ähnelt let, wird jedoch zum Deklarieren von Variablen verwendet, deren Werte sich nicht ändern. Sobald einer mit const deklarierten Variablen ein Wert zugewiesen wurde, kann er nicht erneut zugewiesen werden.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

Benennen von Variablen

Beachten Sie bei der Benennung von Variablen die folgenden Regeln:

• Variablennamen können Buchstaben, Zahlen, Unterstriche (_) und Dollarzeichen ($) enthalten.
• Sie müssen mit einem Buchstaben, einem Unterstrich oder einem Dollarzeichen beginnen.
• Variablennamen unterscheiden Groß- und Kleinschreibung (z. B. sind myVar und myvar unterschiedliche Variablen).
• JavaScript-Schlüsselwörter (z. B. var, let, if, function) können nicht als Variablennamen verwendet werden.

Eine gängige Konvention ist die Verwendung von camelCase für Variablennamen, wie „myVariableName“.

Datentypen in JavaScript

JavaScript unterstützt verschiedene Datentypen, die die Art des Werts angeben, den eine Variable enthalten kann. Datentypen sind in zwei Kategorien unterteilt:

• Primitive Datentypen
• Nicht-primitive (Referenz-)Datentypen

Primitive Datentypen

Primitive Datentypen sind die grundlegendsten Datentypen in JavaScript. Dazu gehören:

1. String

Strings werden zur Darstellung von Textdaten verwendet. Sie werden in Anführungszeichen gesetzt – entweder einfache ('), doppelte (") oder Backticks (`).

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. Nummer

Der Zahlendatentyp repräsentiert sowohl Ganzzahlen als auch Gleitkommazahlen (d. h. Dezimalzahlen).

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. Boolescher Wert

Boolesche Werte stellen logische Werte dar – wahr oder falsch. Sie werden häufig in bedingten Anweisungen und Vergleichen verwendet.

let isLoggedIn = true;
let hasAccess = false;

4. Undefiniert

Wenn eine Variable deklariert, aber kein Wert zugewiesen wird, wird sie automatisch mit dem Wert undefiniert initialisiert.

let myVar;
console.log(myVar);  // Outputs: undefined

5. Null

null stellt einen explizit leeren oder nicht vorhandenen Wert dar. Es wird verwendet, wenn Sie angeben möchten, dass eine Variable keinen Wert haben soll.

let emptyValue = null;

6. Symbol

Symbole sind eindeutige und unveränderliche Werte, die normalerweise zum Erstellen eindeutiger Eigenschaftsschlüssel für Objekte verwendet werden. Obwohl sie von Anfängern nicht häufig verwendet werden, sind sie für fortgeschrittene Anwendungen nützlich.

let symbol1 = Symbol("description");

7. BigInt

Der BigInt-Typ ermöglicht die Darstellung ganzer Zahlen, die größer sind als der Bereich des Number-Typs. Dies ist besonders nützlich, wenn mit sehr großen ganzen Zahlen gearbeitet wird.

let bigNumber = BigInt(123456789012345678901234567890);

Nicht-primitive (Referenz-)Datentypen

Nicht-primitive Datentypen speichern komplexere Datenstrukturen und Objekte. Sie werden als Referenztypen bezeichnet, da Variablen Referenzen auf die tatsächlichen Daten speichern.

1. Objekt

Objekte sind Sammlungen von Schlüssel-Wert-Paaren. Sie ermöglichen Ihnen, mehrere verwandte Werte als Eigenschaften zu speichern.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Array

Arrays sind geordnete Sammlungen von Werten (Elementen). Arrays können mehrere Werte in einer einzigen Variablen speichern und die Werte können einen beliebigen Datentyp haben.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Funktion

Funktionen sind Codeblöcke, die dazu dienen, eine bestimmte Aufgabe auszuführen. In JavaScript werden Funktionen selbst als Objekte behandelt, sodass sie als Argumente übergeben oder in Variablen gespeichert werden können.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

Typzwang und dynamisches Tippen

JavaScript ist dynamisch typisiert, was bedeutet, dass Sie den Typ einer Variablen nicht explizit deklarieren müssen. JavaScript leitet automatisch den Typ basierend auf dem zugewiesenen Wert ab. Zum Beispiel:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

Darüber hinaus führt JavaScript eine Typerzwingung durch, was bedeutet, dass es bei Bedarf automatisch Werte von einem Typ in einen anderen konvertiert.

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

Im ersten Beispiel erzwingt JavaScript 10 in einen String und verkettet ihn mit „5“. Im zweiten Beispiel wird „5“ zur Subtraktion in eine Zahl umgewandelt.

Abschluss

Variablen und Datentypen zu verstehen ist ein grundlegender Schritt beim Erlernen von JavaScript. Mit Variablen können Sie Daten in Ihren Programmen speichern und verwalten, während Datentypen die Art der Daten definieren, mit denen Sie arbeiten, von Zeichenfolgen über Zahlen bis hin zu booleschen Werten und mehr.

Während Sie JavaScript weiter erlernen, werden Sie häufig Variablen verwenden und mit verschiedenen Datentypen arbeiten, um interaktive und dynamische Webanwendungen zu erstellen. Wenn Sie die Manipulation dieser Datentypen beherrschen, können Sie effizienteren und effektiveren Code schreiben.