JavaScript - auf Matthias-Draeger.info
JavaScript - auf Matthias-Draeger.info JavaScript - auf Matthias-Draeger.info
Objekte in JavaScript • Prototyp-Objekte statt Klassen • Eigenschaften, Attribute (properties) • Komponenten (sub-objects) • Methoden (methods) • Ereignisse (events) • Erzeugung mit Funktion als Konstruktor, z.B. function Complex(re, im) { this.re = re; this.im = im; } const notpi = new Complex(3.14, x); (vgl. Beta) • Somit Funktionsname als Ersatz für Klassenname! • ... oder kürzer mit Wertbezeichner in { }: const notpi = { re: 3.14, im: x } • Die Eigenschaften sind auch als Tabelle (assoziatives Feld) ansprechbar: notpi.re == notpi["re"] Robert Tolksdorf und Peter Löhr 18
Methoden von Objekten • Methoden können als Funktionen dem Konstruktor übergeben oder auch dynamisch (!) an ein Objekt gebunden werden. Der Methodenname kann ad hoc eingeführt werden! Beispiel: object.method1 = somefunction; object.method1(...); // binding // invocation Die Funktion bezieht sich mittels this auf das Objekt. • Funktionen sind selbst wiederum Objekte. • Objektmodell ist extrem reichhaltig und flexibel. • Zum JavaScript-Experten wird man nicht an einem Tag. Robert Tolksdorf und Peter Löhr 19
- Seite 1 und 2: Netzprogrammierung Mobiler Code Rob
- Seite 3 und 4: Klientenseitige Verarbeitung •
- Seite 5 und 6: Einbettung von Skript-Code HTML-Ele
- Seite 7 und 8: Skript-Code als Ziel eines Verweise
- Seite 9 und 10: Ereignis-Attribute • onclick •
- Seite 11 und 12: JavaScript https://developer.mozill
- Seite 13 und 14: JavaScript • JavaScript ist keine
- Seite 15 und 16: Daten in JavaScript • dynamisch g
- Seite 17: Funktionen in JavaScript • ... si
- Seite 21 und 22: vereinfachte Objekthierarchie (aus
- Seite 23 und 24: Objekt window • ... repräsentier
- Seite 25 und 26: Prototyp form • Beachte: form ist
- Seite 27 und 28: Prototyp element • Element eines
- Seite 29 und 30: Überprüfung von Formulareingaben
- Seite 31 und 32: Überprüfung von Formulareingaben
- Seite 33 und 34: Sicherheit • Mit JavaScript Code
- Seite 35 und 36: AJAX - Asynchronous JavaScript and
- Seite 37 und 38: Ziel: änderbares GUI Nur Teile des
- Seite 39 und 40: AJAX • JavaScript Code im Dokumen
- Seite 41 und 42: AJAX • HTTP-Statuscode prüfen if
- Seite 43 und 44: AJAX: Beispiel function alertConten
- Seite 45 und 46: Zusammenfassung Robert Tolksdorf un
- Seite 47: Literatur • St. Münz: Web-Seiten
Objekte in <strong>JavaScript</strong><br />
• Prototyp-Objekte statt Klassen<br />
• Eigenschaften, Attribute (properties)<br />
• Komponenten (sub-objects)<br />
• Methoden (methods)<br />
• Ereignisse (events)<br />
• Erzeugung mit Funktion als Konstruktor, z.B.<br />
function Complex(re, im) { this.re = re; this.im = im; }<br />
const notpi = new Complex(3.14, x); (vgl. Beta)<br />
• Somit Funktionsname als Ersatz für Klassenname!<br />
• ... oder kürzer mit Wertbezeichner in { }:<br />
const notpi = { re: 3.14, im: x }<br />
• Die Eigenschaften sind auch als Tabelle (assoziatives<br />
Feld) ansprechbar: notpi.re == notpi["re"]<br />
Robert Tolksdorf und Peter Löhr 18