Was ist JavaScript?

JavaScript ist eine leichtgewichtige, interpretierte Programmiersprache mit erstklassigen Funktionen. Es ist die einzige Programmiersprache, die nativ in allen großen Webbrowsern läuft, was es zur Sprache des Webs macht. JavaScript fügt HTML-Seiten Interaktivität, Animationen und dynamisches Verhalten hinzu. Dank Node.js läuft es auch auf Servern, was es zur einzigen Sprache macht, die sowohl Front-End- als auch Back-End-Entwicklung abdeckt.

Geschichte

JavaScript wurde von Brendan Eich bei Netscape in nur 10 Tagen im Mai 1995 entwickelt. Es hieß ursprünglich Mocha, dann LiveScript, bevor es in JavaScript umbenannt wurde — eine Marketingentscheidung, um von der Popularität von Suns Java zu profitieren. Trotz der Namensähnlichkeit sind die beiden Sprachen nicht verwandt. JavaScript wurde 1997 von Ecma International als ECMAScript (ES) standardisiert. Wichtige Meilensteine sind ES5 (2009), ES6/ES2015 (2015 — das größte Update in der Sprachgeschichte) und jährliche Releases ab ES2016.

Grundlegende Syntax

JavaScript ist dynamisch typisiert: Variablen können Werte beliebigen Typs speichern und Typen werden zur Laufzeit überprüft. Modernes JavaScript verwendet let und const für Variablendeklarationen. Funktionen sind erstklassige Werte und können Variablen zugewiesen, als Argumente übergeben und von anderen Funktionen zurückgegeben werden.

// Variablen
const name = "Max";
let alter = 30;

// Funktion
function begruesse(person) {
  return `Hallo, ${person}!`;
}

// Pfeilfunktion
const quadrat = (n) => n * n;

// Array-Methoden
const zahlen  = [1, 2, 3, 4, 5];
const doppelt = zahlen.map(n => n * 2);        // [2, 4, 6, 8, 10]
const gerade  = zahlen.filter(n => n % 2 === 0); // [2, 4]

// Async / Await
async function benutzerLaden(id) {
  const antwort = await fetch(`/api/benutzer/${id}`);
  const daten   = await antwort.json();
  return daten;
}

Datentypen

JavaScript hat acht Datentypen — sieben primitive und einen Objekttyp:

• String — Text: "hallo", 'welt', `Template ${Literal}`
• Number — Alle numerischen Werte (Ganzzahl und Fließkomma): 42, 3.14, NaN, Infinity
• BigInt — Ganzzahlen beliebiger Präzision: 9007199254740991n
• Boolean — true oder false
• Undefined — Eine deklarierte, aber nicht zugewiesene Variable
• Null — Absichtliche Abwesenheit eines Wertes: null
• Symbol — Einzigartige, unveränderliche Bezeichner
• Object — Sammlungen von Schlüssel-Wert-Paaren, einschließlich Arrays, Funktionen und Datumsobjekten

Kernkonzepte

• DOM-Manipulation — JavaScript kann HTML-Elemente, Attribute, Styles und Inhalte im Browser über das Document Object Model in Echtzeit lesen und ändern
• Events — JavaScript reagiert auf Benutzeraktionen (Klicks, Tastendrücke, Formularübermittlungen) durch Event-Listener
• Asynchrone Programmierung — Callbacks, Promises und async/await ermöglichen nicht-blockierende Operationen wie API-Aufrufe und Timer
• Prototypische Vererbung — Objekte können Eigenschaften von anderen Objekten über die Prototypenkette erben
• Closures — Funktionen merken sich den Gültigkeitsbereich, in dem sie erstellt wurden, was Datenkapselung ermöglicht
• Module — ES-Module (import / export) ermöglichen die Aufteilung von Code in wiederverwendbare Dateien

Häufige Anwendungsfälle

• Interaktive Webseiten — Formularvalidierung, Dropdown-Menüs, Bildkarussells, modale Dialoge, Live-Suche
• Single-Page-Anwendungen (SPA) — React, Vue.js und Angular ermöglichen vollständige Web-Apps, die ohne Seitenneuladen aktualisiert werden
• Serverseitige Entwicklung — Node.js führt JavaScript auf dem Server für APIs, Webserver und Microservices aus
• Mobile Apps — React Native ermöglicht die Entwicklung von iOS- und Android-Apps in JavaScript
• Desktop-Apps — Electron betreibt Apps wie VS Code, Slack und Figma mit Web-Technologien
• Browser-Erweiterungen — Chrome-, Firefox- und Edge-Erweiterungen sind in JavaScript geschrieben

JavaScript vs. Java

Trotz des ähnlichen Namens sind JavaScript und Java völlig verschiedene Sprachen:

• Typisierung — Java ist statisch typisiert; JavaScript ist dynamisch typisiert
• Ausführung — Java kompiliert zu Bytecode und läuft auf der JVM; JavaScript wird von der JS-Engine des Browsers (V8, SpiderMonkey) interpretiert
• Paradigma — Java ist klassenbasiertes OOP; JavaScript ist multi-paradigmatisch (prototypisches OOP, funktional, prozedural)
• Anwendungsfall — Java wird für Enterprise-Backends und Android verwendet; JavaScript läuft im Browser und auf Node.js

JavaScript vs. TypeScript

TypeScript ist eine von Microsoft entwickelte Obermenge von JavaScript, die zu reinem JavaScript kompiliert:

• TypeScript fügt optionale statische Typisierung hinzu und fängt Typfehler zur Kompilierzeit statt zur Laufzeit ab
• TypeScript unterstützt Interfaces, Generics, Enums und Decorators
• Aller gültige JavaScript-Code ist gültiger TypeScript-Code — die Migration kann schrittweise erfolgen
• TypeScript ist die bevorzugte Sprache für große React- und Angular-Projekte

Wichtige Regeln

• Standardmäßig const verwenden; let wenn die Variable neu zugewiesen werden muss. var vermeiden.
• JavaScript ist single-threaded — async/await für nicht-blockierende E/A verwenden
• === prüft Wert und Typ; == führt Typkonvertierung durch — === bevorzugen
• typeof null gibt "object" zurück — ein historischer Fehler in der Sprache
• Arrays sind Objekte: typeof [] gibt "object" zurück; Array.isArray() zur Überprüfung verwenden
• Funktionen sind erstklassige Objekte — sie können in Variablen gespeichert und als Argumente übergeben werden