Menu
Coddy logo textTech

Funktionsausdruck

Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 49 von 77.

In JavaScript ist ein Funktionsausdruck eine Möglichkeit, eine Funktion als Teil eines Ausdrucks zu definieren. Im Gegensatz zu Funktionsdeklarationen unterliegen Funktionsausdrücke nicht dem Hoisting, was bedeutet, dass sie nicht aufgerufen werden können, bevor sie im Code definiert wurden.

Hier ist die grundlegende Syntax eines Funktionsausdrucks:

let functionName = function(parameters) {
	// Auszuführender Code
	// ...
	return value; // Optionale return-Anweisung
};

Das Schlüsselwort function wird von einem optionalen Namen für die Funktion gefolgt. Wenn ein Name angegeben wird, wird es zu einem benannten Funktionsausdruck; andernfalls handelt es sich um einen anonymen Funktionsausdruck. Die Parameter werden in Klammern angegeben, und der Funktionskörper wird in geschweifte Klammern eingeschlossen.

Hier ist ein Beispiel für einen benannten Funktionsausdruck:

let add = function sum(a, b) {
	return a + b;
};

console.log(add(3, 5)); // Ausgabe: 8

In diesem Beispiel ist add die Variable, die die Funktion enthält, und sum ist der optionale Name der Funktion. Obwohl die Funktion einen Namen hat, können Sie sum nicht direkt aufrufen; Sie müssen die Variable add verwenden.

Hier ist ein Beispiel für einen anonymen Funktionsausdruck:

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // Ausgabe: 8

In diesem Fall hat die Funktion keinen Namen und sie wird direkt der Variablen multiply zugewiesen.

Funktionsausdrücke werden oft verwendet, wenn Sie eine Funktion als Argument an eine andere Funktion übergeben möchten oder wenn Sie eine Funktion spontan erstellen möchten.

challenge icon

Aufgabe

Einfach

Erstelle einen Funktionsausdruck namens calculateArea, der zwei Argumente, width und height, entgegennimmt und die Fläche eines Rechtecks zurückgibt. Die Funktion sollte einer Variablen namens calculateArea zugewiesen werden.

Zum Beispiel:

console.log(calculateArea(5, 10)); // Ausgabe: 50
console.log(calculateArea(3, 7));  // Ausgabe: 21

Spickzettel

Funktionsausdrücke definieren Funktionen als Teil eines Ausdrucks und werden nicht gehoistet (können nicht vor der Definition aufgerufen werden).

Grundlegende Syntax:

let functionName = function(parameters) {
	// Auszuführender Code
	return value; // Optional
};

Benannter Funktionsausdruck:

let add = function sum(a, b) {
	return a + b;
};

console.log(add(3, 5)); // Ausgabe: 8

Anonymer Funktionsausdruck:

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // Ausgabe: 8

Funktionsausdrücke sind nützlich, um Funktionen als Argumente zu übergeben oder Funktionen dynamisch zu erstellen.

Probier es selbst

// Geben Sie Ihren Code unten ein


// Ändern Sie die folgenden Zeilen nicht
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen