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. Anders als Funktionsdeklarationen werden Funktionsausdrücke nicht gehoistet. Das bedeutet, dass sie nicht aufgerufen werden können, bevor sie im Code definiert sind.
Hier ist die grundlegende Syntax eines Funktionsausdrucks:
let functionName = function(parameters) {
// Auszuführender Code
// ...
return value; // Optionale return-Anweisung
};Auf das Schlüsselwort function folgt ein optionaler Name für die Funktion. Wird ein Name angegeben, handelt es sich um einen benannten Funktionsausdruck; andernfalls ist es ein anonymer Funktionsausdruck. Die Parameter werden in Klammern angegeben, und der Funktionskörper steht in geschweiften Klammern.
Hier ist ein Beispiel für einen benannten Funktionsausdruck:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Ausgabe: 8In diesem Beispiel ist add die Variable, die die Funktion enthält, und sum der optionale Name der Funktion. Obwohl die Funktion einen Namen hat, kannst du sum nicht direkt aufrufen; du musst 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: 8In diesem Fall hat die Funktion keinen Namen und wird direkt der Variablen multiply zugewiesen.
Funktionsausdrücke werden oft verwendet, wenn du eine Funktion als Argument an eine andere Funktion übergeben oder spontan eine Funktion erstellen möchtest.
Aufgabe
EinfachErstelle einen Function-Ausdruck mit dem Namen calculateArea, der zwei Argumente, width und height, entgegennimmt und die Fläche eines Rechtecks zurückgibt. Der Function-Ausdruck soll einer Variablen namens calculateArea zugewiesen werden.
Zum Beispiel:
console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7)); // Output: 21Probier es selbst
// Schreibe deinen Code unten
// Ändere die folgenden Zeilen nicht
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
4Operatoren Teil 2
Logische Operatoren Teil 1Logische Operatoren Teil 2Wiederholung – Einfache LogikLogische Operatoren Teil 3Typkoerzierung7Rechner zum Teilen der Rechnung
WillkommensnachrichtTrinkgeld und Gesamtbetrag berechnen10FizzBuzz mit einer Wendung
SpielübersichtDie FizzBuzz-Funktion2Variablen
ZahlenZeichenketteBoolescher WertNamenskonventionenLeere VariablenZusammenfassung – Variablen initialisierenKonstanten5Entscheidungen treffen
If-AnweisungIf – ElseRückblick – Einfacher TaschenrechnerVerschachteltes If – ElseSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueWiederholung – FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren – Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische KurzformenVergleichsoperatorenStrikte vs. lose GleichheitRückblick – einfache Mathematik6Grundlegende Ein- und Ausgabe
AusgabeAusgabe mit VariablenTypkonvertierung – Teil 1Typkonvertierung – Teil 2Wiederholung – Bis 120Wiederholung – Wahr oder falschÜbe selbstständig: Online-JavaScript-Compiler