Funktion deklarieren
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 45 von 77.
Eine Funktion ist eine Code-Sequenz, die einen Namen hat. Der Zweck einer Funktion ist es, ein Stück Code mehrfach wiederzuverwenden.
Schau 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 denselben Code console.log("Welcome to Coddy") immer und immer wieder. Ein weiteres Problem mit diesem Code ist, dass wenn wir die Nachricht Welcome to Coddy in etwas anderes ändern wollten, wie zum Beispiel "Welcome aboard", 3 verschiedene Codezeilen geändert werden müssten. Um dieses Problem zu lösen, werden wir Funktionen verwenden.
Um eine Funktion zu deklarieren, verwenden wir die folgende Syntax:
function functionName() {
code;
}Für unser Beispiel werden wir eine Funktion namens greet erstellen, und sie wird so aussehen:
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 zum gleichen Ergebnis wie oben.
Hinweis: Es ist bewährte Praxis, den Funktionscode vor dem Aufruf zu schreiben, damit Ihr Code einfacher zu lesen und zu verstehen ist.
Aufgabe
EinfachSchreiben Sie ein Programm, das eine Eingabe erhält, eine Zahl (gegeben). Die eingegebene Zahl gibt an, wie oft die unten stehende Funktion ausgeführt werden soll.
Erstellen Sie eine Funktion, die die Summe aller Zahlen zwischen 1 und 10000 (einschließlich) berechnet und ausgibt. Benennen Sie die Funktion, wie Sie möchten.
Hinweis! Schreiben Sie in Ihrem Code die Funktion vor ihren Aufruf- oder Ausführungsanweisungen.
Spickzettel
Eine Funktion ist eine Code-Sequenz, die einen Namen hat und dazu verwendet wird, Code mehrfach wiederzuverwenden.
Um eine Funktion zu deklarieren:
function functionName() {
code;
}Um eine Funktion aufzurufen/auszuführen:
functionName();Beispiel:
function greet() {
console.log("Welcome to Coddy");
}
greet(); // ruft die Funktion aufBest Practice: Es ist bewährte Praxis, Funktionen zu schreiben, bevor man sie aufruft.
Probier es selbst
// Schreibe die Funktion unten
let n = parseInt(inp); // Ändere diese Zeile nicht
// Führe deine Funktion n-mal mit einer Schleife 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 3Type Coercion7Rechnungs-Split-Rechner
WillkommensnachrichtTrinkgeld und Gesamtsumme berechnen2Variablen
ZahlenStringsBooleanNamenskonventionenLeere VariablenRückblick - Variablen initialisierenKonstanten5Entscheidungsfindung
If-AnweisungIf - ElseWiederholung - Einfacher TaschenrechnerVerschachtelte If - Else-AnweisungenSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueRückblick - FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische AbkürzungenVergleichsoperatorenStrikte vs. lose GleichheitZusammenfassung – Einfache Mathematik6Grundlagen der IO
AusgabeAusgabe mit VariablenTypumwandlung - Teil 1Typumwandlung - Teil 2Wiederholung - Bis 120Wiederholung - Wahr oder Falsch9Funktionen
Funktion deklarierenArgumenteReturnRückblick - Sigma-FunktionFunktionsausdruckStandardparameterArrow-FunctionsRückblick - Validierungsfunktion