Funktionen in JavaScript | Für Anfänger erklärt
Wenn Sie ein Anfänger in JavaScript sind, machen Sie sich keine Sorgen, wie in diesem Beitrag, wir halten Ihre Hand und gehen Sie Schritt für Schritt, um Sie Master -Funktionen in JavaScript zu meistern.
Was ist eine Funktion
Eine Funktion ist eine Sammlung von Anweisungen oder Befehlen, die in einen Block eingewickelt, gehalten und getrennt vom Hauptprogramm gewartet werden, um eine bestimmte Aufgabe auszuführen. Funktionen sind sehr hilfreich, da ein Entwickler diesen Code immer wieder wiederverwenden kann, ohne den gesamten Code erneut schreiben zu müssen.
Jetzt, da wir wissen, was eine Funktion ist, lassen Sie uns die durchgehen Syntax einer Funktion:
Funktion FunktionName (Argumente)// einige Anweisungen oder Code
zurückkehren;
Eine Funktion wird mit dem Schlüsselwort deklariert Funktion gefolgt vom Namen der Funktion, die eindeutig sein sollte, und es ist eine gute Praxis, der Kamelcase -Namenskonvention zu folgen. Das erste Wort wird in Kleinbuchstaben sein und die Wörter danach sollten den ersten Buchstaben aktiviert werden e.G MyFunctionName. Gleich nach dem Namen kommt die Klammern () wo Parameter empfangen werden. Wir schreiben den Funktionscode in die Curly -Klammern, die nach der Klammern erfolgt (). Es ist jedoch zu beachten, dass bei der Arbeit mit Klassen in JavaScript Funktionen ohne das Schlüsselwort definiert werden Funktion.
Wir öffnen und schließen die Funktion mit lockigen Klammern und der gesamte Code geht in diese lockigen Klammern ein. Die Funktion nimmt die Eingabe als Argument an und gibt die Ausgabe über das Schlüsselwort zurück zurückkehren. Standardmäßig gibt eine Funktion in JavaScript zurück nicht definiert Wenn es nichts gibt, was zurückkehren kann.
Deklaration und Anruffunktion
Lassen Sie uns eine ordnungsgemäße Funktion deklarieren, die eine Warnung von zeigt Hallo!
Funktion myfunc ()Alarm ("Hallo!"))
Jetzt, wo wir die Funktionen mit dem Namen von deklariert haben myfunc Nennen wir die Funktion, die durch das Schreiben des Namens der Funktion erfolgen kann ():
Funktion myfunc ()Alarm ("Hallo!"))
// Aufruffunktion
myfunc ();
Wir werden die folgende Ausgabe in unserem Browser sehen:
Beispiel 1
Nachdem wir nun wissen, wie wir eine Funktion deklarieren und aufrufen können, spielen wir mit den Argumenten der Funktion. In diesem Beispiel werden wir der Funktion zwei Argumente vorlegen und ihre Summe anzeigen:
Funktion myfunc (num1, num2)Konsole.log (num1+num2);
// Aufruffunktion
myfunc (2,3); // 5
myfunc (5,5); // 10
Im obigen Code haben wir zunächst eine Funktion deklariert und die jeweilige Funktion empfängt zwei Parameter. Als nächstes trösten wir das Protokoll, indem wir beide Zahlen hinzufügen. Außerhalb der Funktion haben wir aufgerufen myfunc zweimal durch Bereitstellung verschiedener Argumente. Das Ergebnis der Ausgabe ist unten angegeben:
Beispiel 2
In diesem Beispiel werden wir den oben genannten Code ein wenig ändern, indem wir Standardwerte für die Parameter bereitstellen, die bedeuten, wenn kein Wert bereitgestellt wurde, wenn die Funktion aufgerufen wurde. Wir werden auch die Summe in diesem Beispiel zurückgeben:
Funktion myfunc (num1 = 1, num2 = 1)return num1+num2;
// Aufruffunktion
var sum = myfunc ();
Konsole.log (sum); // 2
Der zurückgegebene Wert wird in der variablen Summe gespeichert und wir konsole den Wert der Summenvariablen. Da wir keine Werte geliefert haben, als wir die aufgerufen haben myfunc Funktion daher verarbeitet die Funktion die Standardwerte, die 1 und 1 waren, deren Summe 2 beträgt:
Abschluss
Eine Funktion ist eine Reihe von Anweisungen, die unter einem bestimmten Namen in lockigen Klammern zusammengestellt werden, der ausgeführt wird, sobald wir den Funktionsnamen mit runden Klammern aufrufen. Eine Funktion kann mehrere Argumente als Eingabe aufnehmen und eine Ausgabe zurückgeben. Eine Funktion hilft bei der Wiederverwendung desselben Codes sowie der Verbesserung des Debuggens und lässt unseren Code sauber aussehen, indem wir uns helfen, das Konzept der Modularität zu implementieren (eine bestimmte Aufgabe befindet sich in einem Block).
In diesem Beitrag haben wir zunächst beschrieben, was eine Funktion ist und was ihre Syntax ist. Dann haben wir die Funktion deklariert und genannt. Danach lieferten wir Beispiele, um das Konzept der Funktionen in JavaScript vollständig zu erfassen.