Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen
Funktionsdeklarationen vs. Funktionsausdrücke, die Syntax von Arrow-Funktionen und einfache Anwendungsmuster.
Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Einführung
Ziel: Unterscheiden Sie Funktionsdeklarationen von Funktionsausdrücken, lernen Sie die grundlegende Syntax von Pfeilfunktionen kennen und wählen Sie die einfachste passende Form.
- Deklaration
- Ausdruck
- Grundlagen von Pfeilfunktionen
Funktionsdeklaration
Eine Funktionsdeklaration wird gehisst, daher können Aufrufe oberhalb der Definition stehen.
// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Coder"));
Funktionsausdruck
Ein Funktionsausdruck wird zur Laufzeit erstellt. Rufen Sie ihn nach der Zuweisungszeile auf.
// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
return a + b;
};
console.log("Sum:", add(2, 3));
Grundlagen zu Pfeilfunktionen
Pfeilfunktionen sind kompakt. Bei einem einzelnen Parameter können Sie die Klammern weglassen; bei einzeiligen Funktionskörpern kann return entfallen.
// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
return n * 2;
};
const square = n => n * 2; // simple one-liner for demo
console.log(double(4));
console.log(square(4));
Auswahl einer Form
Verwenden Sie Deklarationen für benannte Hilfsfunktionen und Pfeilfunktionen für kleine Inline-Hilfsfunktionen.
// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
return "Title: " + name;
}
// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();
console.log(toTitle("Intro"));
console.log(shout("hello"));
Tipps für Einsteiger
Tipps:
- Benennen Sie Funktionen nach ihrer Aufgabe.
- Geben Sie jeder Funktion genau eine kleine Aufgabe.
- Bevorzugen Sie kurze, flache Funktionskörper und eindeutige Rückgabewerte.
Quiz zum Hoisting
Schnelltest: Verhalten beim Hoisting.
Zusammenfassung
Zusammenfassung: Deklarationen werden gehisst und eignen sich gut für benannte Hilfsfunktionen; Ausdrücke und Pfeilfunktionen werden zur Laufzeit erstellt und eignen sich hervorragend für kleine Hilfsfunktionen.
Häufig gestellte Fragen
Ist die Lektion „Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen“ kostenlos?
Ja — der vollständige Text von „Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen“?
Funktionsdeklarationen vs. Funktionsausdrücke, die Syntax von Arrow-Funktionen und einfache Anwendungsmuster. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.
Wie lange dauert die Lektion „Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Deklarationen vs. Ausdrücke, Grundlagen von Arrow-Funktionen
- Parameter, Standardwerte, Rest und Rückgabewerte
- Grundlagen von this; call/apply/bind (Einführung)