Übersicht über Funktionen in ECMAScript

Was ist eine Funktion?

Eine Funktion ist eine Gruppe von Anweisungen, die jederzeit und überall ausgeführt werden können.

Die Funktion ist das Herzstück von ECMAScript.

Eine Funktion wird auf diese Weise deklariert: Schlüsselwort function, Funktionsname, eine Liste von Parametern und das auszuführende Code-Block in Klammern.

Die grundlegende Syntax einer Funktion ist wie folgt:

function functionName(arg0, arg1, ... argN) {
  statements
}

Zum Beispiel:

function sayHi(sName, sMessage) {
  alert("Hello " + sName + sMessage);
}

Wie rufe ich eine Funktion auf?

Eine Funktion kann durch ihren Namen und die in Klammern angegebenen Parameter aufgerufen werden, falls mehrere Parameter vorhanden sind.

Wenn Sie die Funktion aus dem obigen Beispiel aufrufen möchten, können Sie den folgenden Code verwenden:

sayHi("David", "Nice to meet you!")

Aufruf der obigen Funktion sayHi() erzeugt ein Warnfenster. Sie könnenProbieren Sie diesen Beispiel selbst aus..

Wie gibt eine Funktion Werte zurück?

Die Funktion sayHi() gibt keinen Wert zurück, muss aber nicht explizit deklariert werden (wie in Java mit void verwendet).

Selbst wenn eine Funktion tatsächlich einen Wert hat, muss sie nicht explizit deklariert werden. Die Funktion muss nur den return-Operator verwenden, gefolgt vom Wert, der zurückgegeben werden soll.

function sum(iNum1, iNum2) {
  return iNum1 + iNum2;
}

Das folgende Codebeispiel weist den Wert, der von der sum-Funktion zurückgegeben wird, einer Variablen zu:

var iResult = sum(1,1);
alert(iResult);	// Ausgabe "2"

Ein weiteres wichtiges Konzept ist, dass Funktionen, wie in Java, sofort nach Ausführung eines return-Befehls das Code-Verhalten beenden. Daher wird der Code nach einem return-Befehl nicht mehr ausgeführt.

Zum Beispiel wird im folgenden Code das Alert-Fenster nicht angezeigt:

function sum(iNum1, iNum2) {
  return iNum1 + iNum2;
  alert(iNum1 + iNum2);
}

Eine Funktion kann mehrere return-Anweisungen haben, wie folgt gezeigt:

function diff(iNum1, iNum2) {
  if (iNum1 > iNum2) {
    return iNum1 - iNum2;
  } else {
    return iNum2 - iNum1;
  }
}

Die obige Funktion wird verwendet, um den Unterschied zwischen zwei Zahlen zurückzugeben. Dies erfordert, dass die größere Zahl von der kleineren abgezogen wird, daher wird mit einem if-Befehl entschieden, welche return-Anweisung ausgeführt werden soll.

Wenn eine Funktion keinen Rückgabewert hat, kann der ohne Parameter aufrufbare return-Operator jederzeit verwendet werden, um die Funktion zu verlassen.

Zum Beispiel:

function sayHi(sMessage) {
  if (sMessage == "bye") {
    return;
  }
  alert(sMessage);
}

In diesem Code wird eine Warnungsfenster niemals angezeigt, wenn sMessage "bye" ist.

Anmerkung:Wenn eine Funktion keinen klaren Rückgabewert hat oder einen return-Befehl ohne Parameter aufruft, ist der tatsächliche zurückgegebene Wert undefined.