Grundlegendes Tutorial zur Verwendung von JavaScript-Funktionen_Grundkenntnisse

Eine Funktion ist ein wiederverwendbarer Codesatz, der überall im Programm aufgerufen werden kann. Dadurch entfällt die Notwendigkeit, immer wieder denselben Code zu schreiben. Dies wird Programmierern helfen, modularen Code zu schreiben. Sie können ein großes Programm in einige kleine und überschaubare Funktionen aufteilen.

Wie jede andere höhere Programmiersprache unterstützt JavaScript alle Funktionen, die zum Schreiben von modularem Code mithilfe von Funktionen erforderlich sind.

Sie müssen die Funktionen „alert()“ und „write()“ in den vorherigen Kapiteln gesehen haben. Wir verwenden diese Funktionen immer wieder, aber sie wurden nur einmal im Kern-JavaScript geschrieben.

JavaScript ermöglicht es uns, unsere eigenen Funktionen zu schreiben, und in diesem Abschnitt wird vorgestellt, wie wir unsere eigenen Funktionen in JavaScript schreiben.
Funktionsdefinition:

Wir haben bereits Funktionen verwendet, daher müssen wir eine Funktion definieren. Der gebräuchlichste Weg, eine Funktion in JavaScript zu qualifizieren, ist die Verwendung des Schlüsselworts function, gefolgt von einem eindeutigen Funktionsnamen, einer (möglicherweise leeren) Argumentliste und einem von geschweiften Klammern umgebenen Anweisungsblock. Die grundlegende Syntax lautet wie folgt:

<script type="text/javascript">
<!--
function functionname(parameter-list)
{
 statements
}
//-->
</script>

Beispiel:

Eine einfache Funktion namens sayHello, die keine Parameter akzeptiert, ist hier definiert:

<script type="text/javascript">
<!--
function sayHello()
{
  alert("Hello there");
}
//-->
</script>

Funktion aufrufen:

Um eine Funktion in einem Skript aufzurufen, müssen Sie einfach den Namen der Funktion wie folgt schreiben:

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

Funktionsparameter:

Bisher haben wir gesehen, dass Funktionen keine Parameter benötigen. Es besteht jedoch die Möglichkeit, beim Aufruf einer Funktion verschiedene Parameter zu übergeben. Alles, was mit diesen Parametern gemacht werden kann, kann innerhalb der Funktion erfasst und verarbeitet werden.

Eine Funktion kann mehrere durch Kommas getrennte Argumente haben.
Beispiel:

Lassen Sie uns einige Änderungen an der sayHello-Funktion vornehmen. Diesmal sind zwei Parameter erforderlich:

<script type="text/javascript">
<!--
function sayHello(name, age)
{
  alert( name + " is " + age + " years old.");
}
//-->
</script>

Hinweis: Wir verwenden den Operator, um sowohl Zeichenfolgen als auch Zahlen miteinander zu verketten. JavaScript hat nichts gegen Zahlen und Zeichenfolgen.

Jetzt können wir diese Funktion wie folgt aufrufen:

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

Rückgabeerklärung:

Eine JavaScript-Funktion kann eine optionale Return-Anweisung haben. Dies ist erforderlich, wenn Sie einen Wert von einer Funktion zurückgeben möchten. Diese Anweisung sollte die letzte Anweisung der Funktion sein.

Sie können beispielsweise zwei numerische Argumente an eine Funktion übergeben und dann davon ausgehen, dass die Funktion den multiplizierten Wert im aufrufenden Programm zurückgibt.
Beispiel:

Diese Funktion verfügt über zwei Parameter, die im aufrufenden Programm kombiniert werden, um das Ergebnis zurückzugeben:

<script type="text/javascript">
<!--
function concatenate(first, last)
{
  var full;

  full = first + last;
  return full;
}
//-->
</script>

Jetzt können wir diese Funktion wie folgt aufrufen:

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>