JavaScript Ausgabekontrolle mitFirebug

Wenn wir nun unseren Firebug zur Kontrolle einsetzen möchten, können wir diesen mit

console.log('Hallo')

Wird nun im Firefox der Firebug aufgerufen, erscheint im Reiter Console unser eingebenes „Hallo“

Das gleiche können wir auch mit Variablen machen.

<script type="text/javascript">
function ausgabe(vorname) {
    alert ('JavaScript-Tutorial für ' + vorname  + 
           ' - jetzt JavaScript lernen');
}
var name = 'Sonja';
ausgabe(name);
console.log(name)
</script>

In der Ausgabe in der Firebug-Console sehen wir nun „Sonja“

Es können auch Text und Variablen gemischt werden.

<script type="text/javascript">
function ausgabe(vorname) {
    alert ('JavaScript-Tutorial für ' + vorname  + 
           ' - jetzt JavaScript lernen');
}
var name = 'Sonja';
ausgabe(name);
console.log('Inhalt der Variable außerhalb der Funktion:' + name)
</script>

Entsprechend sehen wir in der Firebug-Console nun als Ausgabe:

Inhalt der Variable außerhalb der Funktion: Sonja

Aufgabe Variablenausgabe mit Firebug-Console

Lassen Sie sich den Wert der Variable „name“ und zusätzlich den Wert der Variable vorname innerhalb der Funktion in der Firebug-Console ausgeben!

Lösung zur Aufgabe:

<script type="text/javascript">
function ausgabe(vorname) {
    alert ('JavaScript-Tutorial für ' + vorname  + ' - jetzt JavaScript lernen');
    console.log('Inhalt der Variable innerhalb der Funktion:' + name)
}
var name = 'Sonja';
ausgabe(name);
console.log('Inhalt der Variable außerhalb der Funktion:' + name)
</script>

Es sollte eine Fehlermeldung erscheinen. Warum ist das so? Die Variable „name“ existiert innerhalb der Funktion nicht, da diese außerhalb der Funktion als normale Variable gesetzt wurde.

Interessant wird es nun, wenn wir in der Funktion Berechnungen etc. mit einem Inhalt anstellen und dieses Ergebnis dann außerhalb benötigen. Dazu können wir Inhalte wieder aus einer Funktion herausgeben.

In unserem Beispiel lassen wir nun den Inhalt der in der Funktion erzeugen Variablen „vorname“ aus der Funktion herausgeben. Dazu gibt es den Befehl return(..);

<script type="text/javascript">
function ausgabe(vorname) {
	alert ('JavaScript-Tutorial für ' + vorname  + ' - jetzt JavaScript lernen');
return(vorname);
}

Allerdings muss zur Nutzung der Variablen nun der Funktionsaufruf ergänzt werden, damit die zurückgelieferte Inhalt (es wird nicht die Variable zurückgeliefert sondern nur der Inhalt) zur gewünschten Variablen außerhalb wird:

var name = 'Sonja';
var vorname = ausgabe(name);
console.log('Inhalt der Variable außerhalb der Funktion:' + name)
console.log('Inhalt der Variable vorname außerhalb der Funktion:' + vorname)
</script>
eBook HTML-Seminar.de
del.icio.usMister Wong         Funktionen in JavaScriptSeitenanfangdurch JavaScript HTML-Elemente ändern
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de