Eine Funktion deklarieren
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy. Lektion 45 von 77.
Eine Funktion ist eine Folge von Code, die einen Namen hat. Der Zweck einer Funktion ist es, einen Codeabschnitt mehrmals wiederzuverwenden.
Sieh dir zum Beispiel diesen Code an:
console.log("Welcome to Coddy");
console.log("New session...");
console.log("Welcome to Coddy");
console.log("Another session...");
console.log("Welcome to Coddy");Wir verwenden immer wieder denselben Code console.log("Welcome to Coddy"). Ein weiteres Problem mit diesem Code ist, dass wir 3 verschiedene Codezeilen ändern müssten, wenn wir die Nachricht Welcome to Coddy in etwas anderes ändern wollten, zum Beispiel in „Welcome aboard“. Um dieses Problem zu lösen, verwenden wir Funktionen.
Um eine Funktion zu deklarieren, verwenden wir die folgende Syntax:
function functionName() {
code;
}Für unser Beispiel erstellen wir eine Funktion namens greet, die so aussieht:
function greet() {
console.log("Welcome to Coddy");
}Um die Funktion zu verwenden/aufzurufen/auszuführen, schreiben wir greet():
greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();Dies führt zur gleichen Ausgabe wie oben.
Hinweis: In JavaScript werden Funktionsdeklarationen nach oben verschoben. Das bedeutet, dass sie technisch gesehen aufgerufen werden können, bevor sie im Code erscheinen. Es ist jedoch eine bewährte Vorgehensweise, Funktionen vor ihrem Aufruf zu schreiben, damit dein Code übersichtlich und lesbar bleibt.
Aufgabe
EinfachSchreibe ein Programm, das eine Eingabe erhält: eine Zahl (vorgegeben). Die Eingabezahl gibt an, wie oft die unten stehende Funktion ausgeführt werden soll.
Erstelle eine Funktion, die die Summe aller Zahlen zwischen 1 und 10000 (einschließlich) berechnet und ausgibt. Den Namen der Funktion kannst du frei wählen.
Hinweis! Schreibe die Funktion in deinem Code vor den Anweisungen zu ihrem Aufruf bzw. ihrer Ausführung.
Probier es selbst
// Schreibe die Funktion unten
let n = parseInt(inp); // Ändere diese Zeile nicht
// Führe deine Funktion mit einer Schleife n-mal ausDiese 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 falsch9Funktionen
Eine Funktion deklarierenArgumenteRückgabewertZusammenfassung – Sigma-FunktionFunktionsausdruckStandardparameterPfeilfunktionenZusammenfassung – ValidierungsfunktionÜbe selbstständig: Online-JavaScript-Compiler