JavaScript unterstützt objektorientierte Entwicklung

Warum geht allen Variablen ein „this“ voraus?

Das Schlüsselwort this gibt an, dass es sich um eine Instanzvariable des Objekts handelt und man mittels MyFigure.centerX von außerhalb des Objekts darauf zugreifen kann. Mit dem Entfernen der Vorsilbe this erhält man eine private Variable. Mit der Zeile this.transform = transform wird die Methode öffentlich. Diese Methode wird mittels MyFigure.transform(100,100,0) aufgerufen.

Kann es eine Klassenhierarchie geben?

Eine weitere gute Frage ist, ob JavaScript eine Klassenhierarchie enthalten kann. Die Antwort ist ein klares Ja. Betrachten wir einmal näher, wie dies vor sich geht:

Es besteht die Möglichkeit, eine Kindklasse Rectangle mit der Klasse Figure als Elternklasse zu definieren.


function Rectangle(startX, startY, endX, endY) {
this.width = endX - startX;
this.height = endY - startY;
this.centerX = (endX + startX)/2;
this.centerY = (endY + startY)/2;
this.computeArea = computeArea;
function computeArea() {
this.area = this.width*this.height;
} }
Rectangle.prototype = new Figure();

Das Objekt Rectangle wird mit vier Argumenten erzeugt. Die ersten vier Zeilen sind der Konstruktor. Die Klasse Rectangle beinhaltet eine Methode: computeArea(). Die letzte Zeile, Rectangle.prototype = new Figure();, definiert die Klasse Rectangle als Kindklasse bzw. als Erben der Klasse Figure.

Was ist die Eigenschaft prototype? Jeder Objekt-Konstruktor besitzt die Eigenschaft prototype. Man nutzt sie, um bei sämtlichen Objekten neue Eigenschaften und Methoden zu setzen. Aus diesem Grund wird der Prototyp benutzt, um Vererbung zu realisieren: child.prototype = new parent();. Alle Eigenschaften und Methoden des Elternobjekts werden dem Kindobjekt über den Prototypen zugefügt.

Man beachte, dass this.centerX, this.centerY, und area Eigenschaften sind, die in der Klasse Rectangle benutzt werden, jedoch Eigenschaften der Elternklasse Figure sind. Ähnlich der Klasse Rectangle kann die Klasse Circle als Prototyp der Klasse Figure definiert werden. Die Eltern-Kind-Beziehung kann beliebig weit gehen; man kann ein weiteres Kind von Rectangle erzeugen.

Themenseiten: Anwendungsentwicklung, Software

Fanden Sie diesen Artikel nützlich?
Content Loading ...
Whitepaper

Artikel empfehlen:

Neueste Kommentare 

Noch keine Kommentare zu JavaScript unterstützt objektorientierte Entwicklung

Kommentar hinzufügen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *