15. Feb '25, 02:00 Uhr

Grundlagen von JavaScript: Variablen, Funktionen, Sichtbarkeitsbereiche

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 Program...

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

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 und welche Teile des Codes auf bestimmte Variablen zugreifen können.

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, bevor der Code ausgeführt wird, hat aber keinen Wert. Dies schafft potenzielle Probleme, weshalb var selten verwendet wird.

let hat eine blockartige Sichtbarkeit und eignet sich daher besser für modernen Code:

if (true) {
  let number = 42;
}
console.log(number); // Fehler: number 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 "Das ist eine klassische Funktion";
}

const arrowFunction = () => "Das 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 häufig im modernen JavaScript 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?

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