JavaScript - Funktionen

Funktionen

Funktionen sind Unterprogramme innerhalb eines Programmes.

Sie werden zur Strukturierung von Programmcode verwendet.

Funktionen (2)

Funktionen werden in Skriptdateien (.js) definiert. Wurde eine Funktion definiert, kann sie beliebig oft aufgerufen werden.

Funktionen werden verwendet, um Programme zu strukturieren. Sie bestimmen das Verhalten eines Programms.

Funktionsaufbau

Die Funktionsdefinition besteht aus 2 Teilen:

Funktionskopf (Signature)
Funktionsrumpf (Body)

Funktionsaufbau (2)

Der Funktionskopf bestimmt die grundlegenden Eigenschaften einer Funktion. Zum Funktionskopf gehört ein Funktionsname und eine Reihe von Parametern, die an die Methode übergeben werden können.

Im Funktionsrumpf wird das gewünschte Verhalten - die Logik - einer Funktion umgesetzt.

Wurde eine Funktion definiert, kann sie beliebig oft in einem Programm aufgerufen werden.

Funktionsdefinition

Bevor eine Funktion verwendet werden kann, muss sie zuerst definiert werden.

Die Funktionsdefinition in einem Skriptfile wird solange ignoriert, bis die Funktion selbst aufgerufen wird.

Mit der Funktionsdefiniton selbst, wird keine Änderung des Programmverhaltens erreicht.

// Funktionsdefinition - Syntax
function <functionName> (<parameterlist>) {
  ...
  ...
}

// Schreiben Sie eine Funktion,
// die die Elemente eines Arrays auf der Konsole ausgibt.

// Definition
function printData(numbers) {
  for (const n of numbers) {
    console.log(n);
  }
}

let myNumbers = [10, 23, 45, 12, 12];

// Funktionsaufruf:
// Zum Aufruf der Funktion wird der Funktionsname
// gefolgt von runden Klammern angegeben.
// Wurden für die Funktion Parameter definiert,
// werden diese nun auch angeführt.
printData(myNumbers);

function maxValue(numbers) {
  if (numbers.length == 0) {
    return NaN;
  }

  let max = numbers[0];

  for (const n of numbers) {
    if (max < n) {
      max = n;
    }
  }

  return max;
}

let numbers = [43, -1, 32, 65];
let max = maxValue(numbers);

Mit dem Schlüssewort return kann die Funktion Werte an den aufrufenden Code zurückgeben.

<>

Parameter

Parameter sind Werte die zur weiteren Verarbeitung an eine Funktion übergeben werden.

Bei der Definition einer Funktion wird neben dem Namen der Funktion, auch die Art und Zahl von Parametern definiert, die in der Funktion verarbeitet werden können.

Parameter (2)

Parameter werden als eine durch Komma getrennte Liste von Namen in der Funktionsdefiniton festgelegt.
Jene Werte die beim Funktionsaufruf an die Parameter einer Funktion übergeben werden, werden als Argumente bezeichnet.
Der JavaScript Interpreter prüft beim Aufruf einer Funktion weder den Datentyp noch die Zahl der Argumente.
Für fehlenden Funktionsargumente wird der Wert undefined übergeben.

// Schreiben Sie eine Funktion
// die die Summe 2er Werte berechnet.
function sum(x, y) {
  return x + y;
}

let result = sum(3,4);
console.log(result);

// Schreiben Sie eine Funktion
// die ein Array filtert, sodass alle Vorkommen
// eines bestimmten Wertes nicht mehr enthalten sind.
// Das Ergebnis soll in einem
// neuen Array zurück geliefert werden.
function removeValues(numbers, n) {
  let copy = [];

  for (const x of numbers) {
    if (x != n) {
      copy.push(x);
    }
  }

  return copy;
}