15. Feb '25, 02:00 Uhr

Grundlagen von JavaScript: Variablen, Funktionen, Sichtbarkeitsbereiche

```html JavaScript ist eine der beliebtesten Programmiersprachen für die Webentwicklung. Um effektiv damit zu arbeiten, ist es wichtig, die grundlegenden Konzepte zu verstehen: Variablen, Funktionen und Sichtbarkeiten. Diese Konzepte bestimmen, wie Daten im...

Beitrag lesen
Teilen
🔥 Weitere Beiträge
Dieser Inhalt wurde automatisch aus dem Ukrainischen übersetzt.
```html

JavaScript ist eine der beliebtesten Programmiersprachen für die Webentwicklung. Um effektiv damit zu arbeiten, ist es wichtig, die grundlegenden Konzepte zu verstehen: Variablen, Funktionen und Sichtbarkeiten. Diese Konzepte bestimmen, wie Daten im Programm gespeichert und übertragen werden, sowie welche Teile des Codes Zugriff auf bestimmte Variablen haben.

Variablen in JavaScript

In JavaScript gibt es drei Möglichkeiten, eine Variable zu deklarieren: var, let und const. Jede hat ihre eigenen Besonderheiten.

var oldVariable = "Dies ist eine veraltete Methode zur Deklaration von Variablen";
let modernVariable = "Wird für veränderliche Variablen empfohlen (hehehe)";
const constantVariable = "Dies ist eine Konstante, sie kann nicht neu zugewiesen werden";

var hat eine funktionale Sichtbarkeit und unterliegt dem Hoisting, was unerwartete Fehler verursachen kann:

console.log(value); // undefined
var value = 10;

Die Variable value existiert im Speicher bereits vor der Ausführung des Codes, hat jedoch keinen Wert. Dies schafft potenzielle Probleme, weshalb var selten verwendet wird.

let hat eine blockbasierte Sichtbarkeit und ist daher besser für modernen Code geeignet:

if (true) {
  let number = 42;
}
console.log(number); // Fehler: number ist nicht definiert

const wird für Werte verwendet, die sich nicht ändern:

const PI = 3.14;
PI = 3.1415; // Fehler: Zuweisung neuer Werte nicht möglich

Funktionen in JavaScript

Funktionen ermöglichen es, den Code zu strukturieren und wiederverwendbar zu machen. Es gibt mehrere Möglichkeiten, sie zu deklarieren:

function classicFunction() {
  return "Dies ist eine klassische Funktion";
}

const arrowFunction = () => "Dies ist eine Pfeilfunktion";

Funktionen können Argumente annehmen und Werte zurückgeben:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // 5

Pfeilfunktionen werden in modernem JavaScript häufig aufgrund der kürzeren Syntax verwendet:

const multiply = (a, b) => a * b;
console.log(multiply(4, 5)); // 20
```

🔥 Weitere Beiträge

Alle Beiträge
17. Feb '25, 02:00 Uhr

Was ist SASS?

```html SASS – ist ein Präprozessor für CSS, der es ermöglicht, stilisierten Code schneller und effizi...