JavaScript-Funktionen

Einführung in JavaScript-Funktionen

Funktionen in JavaScript sind eine der Kernkomponenten der modernen Webentwicklung. Sie ermöglichen es uns, wiederverwendbaren Code zu kapseln und bei Bedarf auszuführen. Das Verständnis von Funktionen ist der Schlüssel zur Beherrschung von JavaScript.

Definieren einer Funktion in JavaScript

Grundlegende Syntax von Funktionen

Eine Funktion in JavaScript wird mit dem Schlüsselwort function definiert, gefolgt von einem Namen, einer Liste von Parametern in Klammern und einem Codeblock in geschweiften Klammern.

---

function greet() {
    console.log("Hello, World!");
}

Hoisting von Funktionen

Funktionsdeklarationen werden gehoisted, was bedeutet, dass du eine Funktion aufrufen kannst, bevor sie im Code definiert ist. Dieses Verhalten gilt nicht für Funktionsausdrücke oder Pfeilfunktionen.

---

greet(); // Outputs: Hello, World!

function greet() {
    console.log("Hello, World!");
}

Funktionsparameter und -argumente

Parameter übergeben

Funktionen können Parameter entgegennehmen, die innerhalb der Funktion als Variablen verwendet werden.

---

Output appears here after Run.

Standardparameter

In ES6 erlaubt JavaScript Standardwerte für Funktionsparameter.

---

Output appears here after Run.

Rest-Parameter

Rest-Parameter ermöglichen es einer Funktion, eine unbestimmte Anzahl von Argumenten als Array entgegenzunehmen.

---

Output appears here after Run.

Die Return-Anweisung

Werte zurückgeben

Eine Funktion kann einen Wert an den Aufrufer zurückgeben, indem sie die return-Anweisung verwendet.

---

function sum(a, b) {
    return a + b;
}
let result = sum(5, 3); // result is 8

Anonyme Funktionen und Ausdrücke

Anonyme Funktionen

Funktionen in JavaScript können ohne Namen definiert werden – diese werden als anonyme Funktionen bezeichnet.

---

Output appears here after Run.

Funktionsausdrücke

Funktionsausdrücke ermöglichen es uns, eine neue Funktion innerhalb eines Ausdrucks zu erstellen.

---

Output appears here after Run.

Pfeilfunktionen in ES6

Syntax von Pfeilfunktionen

ES6 führte Pfeilfunktionen ein, die eine kompakte Möglichkeit bieten, Funktionen in JavaScript zu schreiben.

---

Output appears here after Run.

Kein eigenes this in Pfeilfunktionen

Pfeilfunktionen haben keinen eigenen this-Kontext, was sie für bestimmte Szenarien ideal macht.

---

Output appears here after Run.

Fazit

Das Beherrschen von JavaScript-Funktionen ist ein grundlegender Schritt auf dem Weg zu einem kompetenten JavaScript-Entwickler. Vom einfachen Funktionsentwurf bis hin zu komplexen ES6-Pfeilfunktionen wird das Verständnis dieser Konzepte deine Fähigkeit verbessern, effizienten und sauberen Code zu schreiben.

Praxis

Was ist laut dem W3Docs-Artikel über JavaScript-Funktionen wahr?

Eine Funktion in JavaScript ist ähnlich wie eine Prozedur, die erstellt wurde, um eine bestimmte Aufgabe auszuführen.Funktionen werden in JavaScript Variablen zugewiesen.Funktionen können nach der Erstellung in JavaScript gelöscht werden.Jede gültige JavaScript-App muss beim Definieren mindestens einer Funktion das Schlüsselwort 'function' verwenden.In JavaScript kann eine Funktion innerhalb einer anderen Funktion definiert werden.