taralino

Funktionen definieren

Der Unterschied zwischen Funktionen und Befehlen besteht darin, dass beim Aufruf von Funktionen ein Wert bzw. eine Variable zurückgegeben wird:

Definition von Funktionen

Funktionen können exakt wie Befehle definiert werden, wobei zusätzlich das Schlüsselwort return am Ende des Blockes dazu verwendet wird, um den Wert einer Variablen zur weiteren Verwendung zurückzugeben.

Beispiel

Es wird eine Funktion definiert, welche eine Zahl in Abhängigkeit eines Arguments zurückgibt.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,40], [-2,18], {width:480, background:"lightgrey"});

function f(t) {
  return 0.01*t*t;
};

for (var x = 0; x <= 40; x = x+1) {
  Canvas.dot(x, f(x), {fill:"blue"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

Auch Funktionen können mehrere Argumente haben: In diesem Beispiel wird der Mittelwert zweier Argumente (Zahlen) berechnet und zurückgegeben.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var a = random(0,20);
var b = random(0,20);

function mittelwert(r, s) {
  return (r + s) / 2;
};

Canvas.init([0,20], [-4,4], {width:600, background:"lightgrey"});

Canvas.line(0, 0, 20, 0);

Canvas.circle(a, 0, 0.4, {fill:"red"});
Canvas.circle(b, 0, 0.4, {fill:"red"});

var m = mittelwert(a, b);

Canvas.circle(m, 0, 0.4, {fill:"blue"});

</script>
</body>
</html>

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode zuvor vertraut. Schreibe eine Funktion, der als Argument ein Datenfeld bestehend aus einer beliebigen Anzahl an Zahlen übergeben wird. Nun soll der Mittelwert der Zahlen des Datenfeldes berechnet und zurückgegeben werden. Teste deine Funktion anhand einer geeigneten grafischen Darstellung.