Math

Benutzerinteraktion

Meist erfolgt die Benutzerinteraktion über die Änderung der Inhalte eines HTML-Dokuments, insbesondere der Formulare, auf dessen Elemente über das DOM zugegriffen wird. Es gibt jedoch auch einige einfache Arten, direkt mit dem Benutzer zu kommunizieren:.

Eingabeaufforderung

Es wird ein Dialog zur informationseingabe angezeigt. Beispiel:.

var eingabe = window.prompt("Bitte geben Sie einen Text ein:", "")

Vererbung (prototype-Eigenschaft)

Auf diese Weise ermöglicht Javascript mehrstufige Vererbung:. Man spricht von Prototyp-basierter Vererbung. jedes vom function-Prototyp abgeleitete Objekt verfügt über eine prototype-Eigenschaft.h.Jede Funktion, d. Diese übernimmt eine wichtige Aufgabe, wenn die Funktion als Konstruktor benutzt wird, um neue Objekte zu initialisieren. Die prototype-Eigenschaft definiert in diesem Falle gemeinsame Eigenschaften aller Objekte, die mit dem Konstruktor erstellt werden.

Konstruktor eines Prototyps erstellen:.

function Kraftfahrzeug (Fabrikat) {
 this.Fabrikat = Fabrikat
 this.Beispieleigenschaft = "Beispielwert"
}

Konstruktor des abgeleiteten Prototyps erstellen:.

function PKW (Fabrikat) {
 this.constructor(Fabrikat)
 this.weitereEigenschaft = "Beispielwert"
}
PKW.prototype = new Kraftfahrzeug()

Fabrikat = Fabrikat; nur im Kraftfahrzeug-Konstruktor notiert sein.Eine neue Instanz des allgemeinen Prototyps Kraftfahrzeug dient als Muster des abgeleiteten Prototyps PKW. Dadurch werden die Eigenschaften des allgemeinen Prototyps an den abgeleiteten Prototyp vererbt: Jedes PKW-Objekt ist gleichzeitig ein Kraftfahrzeug-Objekt. Über this.constructor kann im PKW-Konstruktor der Kraftfahrzeug-Konstruktor angesprochen werden. Dies wird im Beispiel dazu genutzt, die Parameter an letztgenannten weiterzugeben. So muss this.

var Golf = new PKW("Volkswagen Golf")
var Ente = new PKW("Citroen 2CV")

PKW.prototype.Radanzahl = 4
PKW.prototype.zeigeRadanzahl = function () {
 window.alert(this.Fabrikat + " hat " + this.Radanzahl + " Räder.")
}
Golf.zeigeRadanzahl(); // Ausgabe: „Volkswagen Golf hat 4 Räder.“
Ente.zeigeRadanzahl(); // Ausgabe: „Citroen 2CV hat 4 Räder.“

hasOwnProperty("Fabrikat") und Golf.prototype hinzugefügt.hasOwnProperty("zeigeRadanzahl"). Sie gibt einen booleschen Wert, also true oder false zurück.Eine nützliche Methode des Object-Prototyps ist hasOwnProperty(Eigenschaftsname). Dadurch lässt sich ermitteln, ob eine bestimmte Eigenschaft durch dessen Konstruktor selbst oder durch seine Prototyp-Kette definiert wird. Im Beispiel ergibt Golf.hasOwnProperty("Radanzahl") false, ebenso wie Golf. Beide Eigenschaften wurden nachträglich über PKW. Golf.hasOwnProperty("weitereEigenschaft") hingegen ergeben true, weil diese Eigenschaften durch die Konstruktoren Kraftfahrzeug und PKW belegt wurden.