JavaScript-Funktion und Funktionsausdrücke (mit Beispielen)

In diesem Tutorial lernen Sie anhand von Beispielen die JavaScript-Funktion und Funktionsausdrücke kennen.

JavaScript-Funktion

Eine Funktion ist ein Codeblock, der eine bestimmte Aufgabe ausführt.

Angenommen, Sie müssen ein Programm erstellen, um einen Kreis zu erstellen und ihn einzufärben. Sie können zwei Funktionen erstellen, um dieses Problem zu lösen:

  • eine Funktion zum Zeichnen des Kreises
  • eine Funktion zum Färben des Kreises

Durch die Aufteilung eines komplexen Problems in kleinere Teile ist Ihr Programm leicht verständlich und wiederverwendbar.

JavaScript hat auch eine große Anzahl von eingebauten Funktionen. Zum Beispiel Math.sqrt()ist eine Funktion zum Berechnen der Quadratwurzel einer Zahl.

In diesem Tutorial lernen Sie benutzerdefinierte Funktionen kennen.

Funktion deklarieren

Die Syntax zum Deklarieren einer Funktion lautet:

 function nameOfFunction () ( // function body )
  • Eine Funktion wird mit dem functionSchlüsselwort deklariert.
  • Die Grundregeln für die Benennung einer Funktion ähneln der Benennung einer Variablen. Es ist besser, einen beschreibenden Namen für Ihre Funktion zu schreiben. Wenn eine Funktion zum Hinzufügen von zwei Zahlen verwendet wird, können Sie die Funktion addoder benennen addNumbers.
  • Der Funktionskörper ist in geschrieben ().

Beispielsweise,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Eine Funktion aufrufen

Im obigen Programm haben wir eine Funktion mit dem Namen deklariert greet(). Um diese Funktion nutzen zu können, müssen wir sie aufrufen.

So können Sie die obige greet()Funktion aufrufen .

 // function call greet();
Funktionieren einer Funktion in JavaScript

Beispiel 1: Text anzeigen

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Ausgabe

 Hallo!

Funktionsparameter

Eine Funktion kann auch mit Parametern deklariert werden. Ein Parameter ist ein Wert, der beim Deklarieren einer Funktion übergeben wird.

Arbeiten der JavaScript-Funktion mit Parameter

Beispiel 2: Funktion mit Parametern

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Ausgabe

 Geben Sie einen Namen ein: Simon Hallo Simon :)

Im obigen Programm wird die greetFunktion mit einem nameParameter deklariert . Der Benutzer wird aufgefordert, einen Namen einzugeben. Wenn dann die Funktion aufgerufen wird, wird ein Argument an die Funktion übergeben.

Hinweis : Wenn beim Deklarieren einer Funktion ein Wert übergeben wird, wird er als Parameter bezeichnet . Und wenn die Funktion aufgerufen wird, wird der übergebene Wert als Argument bezeichnet .

Beispiel 3: Fügen Sie zwei Zahlen hinzu

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Ausgabe

 7 11

In the above program, the add function is used to find the sum of two numbers.

  • The function is declared with two parameters a and b.
  • The function is called using its name and passing two arguments 3 and 4 in one and 2 and 9 in another.

Notice that you can call a function as many times as you want. You can write one function and then call it multiple times with different arguments.

Function Return

The return statement can be used to return the value to a function call.

The return statement denotes that the function has ended. Any code after return is not executed.

If nothing is returned, the function returns an undefined value.

Arbeiten der JavaScript-Funktion mit return-Anweisung

Beispiel 4: Summe zweier Zahlen

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Ausgabe

 Geben Sie die erste Nummer ein: 3.4 Geben Sie die zweite Nummer ein: 4 Die Summe ist 7.4

Im obigen Programm wird die Summe der Zahlen von der Funktion unter Verwendung der returnAnweisung zurückgegeben. Und dieser Wert wird in der Ergebnisvariablen gespeichert.

Vorteile der Verwendung einer Funktion

  • Die Funktion macht den Code wiederverwendbar. Sie können es einmal deklarieren und mehrmals verwenden.
  • Die Funktion erleichtert das Programm, da jede kleine Aufgabe in eine Funktion unterteilt ist.
  • Funktion erhöht die Lesbarkeit.

Funktionsausdrücke

In Javascript können Funktionen auch als Ausdrücke definiert werden. Beispielsweise,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Ausgabe

 16 9

Im obigen Programm wird die Variable x zum Speichern der Funktion verwendet. Hier wird die Funktion als Ausdruck behandelt. Und die Funktion wird mit dem Variablennamen aufgerufen.

Die obige Funktion wird als anonyme Funktion bezeichnet.

Hinweis: In ES2015 werden JavaScript-Ausdrücke als Pfeilfunktionen geschrieben. Sie werden in späteren Tutorials mehr darüber erfahren.

Interessante Beiträge...