Menu
CoddyTech

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.

challenge icon

Aufgabe

Einfach

Schreibe 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 aus
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

Übe selbstständig: Online-JavaScript-Compiler