Brückenkurs Websites und Webapps/Funktionen

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Wir wollen die Trennung von Daten und Programmen noch ein wenig weiter vorantreiben. Dazu müssen wir die Verarbeitungsvorschrift, also das eigentliche Programm, noch mehr von den Daten abkapseln. Wir packen sie einfach in eine ''Methode''. Eine Methode ist eine in sich geschlossene Menge von Programmanweisungen. Im Folgenden wollen wir uns an dieses Muster halten:

'''Methodendeklaration:'''

 function <Methodenname>(<Parametername 1>, <Parametername 2>, ...){
   
     var <Variablenname> = ''Berechnungsvorschrift zur Verarbeitung der Parameter'';
     '''return''' <Variablenname>;
 }

'''Methodenaufruf:'''

 <Methodenname>(<Wert für Parameter 1>, <Wert für Parameter 2>, ...);


Beispiel:

<code id="58bc4ea0215ad">function addiere(var a, var b){

 var ergebnis = a + b;

 return ergebnis;
}</code>
<run id="58bc4ea02172c">addiere(5,7);</run>


Der Aufbau der Methode weist einige Ähnlichkeiten zu unserer Vorgehensweise im Arbeitsblatt "Variablen" auf:
# Bei der Berechnung werden keine konkreten Zahlen, sondern Variablen eingesetzt. Im Gegensatz zum letzten Arbeitsblatt haben wir diese Variablen nicht selbst mit Werten belegt, sondern die Werte wurden als Parameter an der Eingabeschnittstelle der Methode übergeben.
# Es gibt eine Ergebnisvariable, die den berechneten Wert entgegennimmt.

Mit der Anweisung '''return''' wird das berechnete Ergebnis an den Aufrufer der Methode zurückgegeben. Eine Methode gehorcht also dem Prinzip ''Eingabe, Verarbeitung und Ausgabe'', welches bei allen Programmen anzutreffen ist.

Die Namen der Methode, der Parameter und der Ergebnisvariable können von uns beliebig gewählt werden.


'''Aufgabe 1'''

Entwickeln Sie eine Methode zur Berechnung des Body-Mass-Index in der ersten Code-Box. Wandeln Sie die Variablen für Körpergewicht und Körpergröße in Eingabeparameter um. Rufen Sie die Methode in der zweiten Code-Box mit beispielhaften Eingabedaten auf.
<code id="58bc4ea021638"></code>
<run id="58bc4ea02179c"></run>


Entwickeln Sie Methoden für die restlichen Berechnungen aus dem Arbeitsblatt "Variablen". Wandeln Sie die verwendeten Variablen in Eingabeparameter um. Rufen Sie die Methoden jeweils in der zweiten Code-Box mit beispielhaften Eingabedaten auf.

Beispiel:

$7^5$
<code id="58bc4ea0216a6">
function calc1(v){

var result = Math.pow(v,5);
return result;
}
</code>
<run id="58bc4ea021805">
calc1(7);
</run>

''Rückgabewerte der Math-Funktionen beachten!''

b)
<code id="541440642280a"></code>
<run id="5414406422b87"></run>


c)
<code id="5414406422884"></code>
<run id="5414406422c0f"></run>


d)
<code id="54144064228ff"></code>
<run id="5414406422c87"></run>


e) Methode zur Berechnung des Kreisumfangs
<code id="5414406422976"></code>
<run id="5414406422cff"></run>