m (→Hallo Welt) |
(Klassen) |
||
| Line 101: | Line 101: | ||
c = a + b; | c = a + b; | ||
// c ist nun ein String mit dem Wert "54"! | // c ist nun ein String mit dem Wert "54"! | ||
</source> | </source> | ||
== Klassen und Objekte == | |||
JavaScript ist eine Programmiersprache, die extrem objektorientiert ist. In JS ist quasi alles ein Objekt bzw. eine Klasse. Der einfache Unterschied einer Klasse zu einem Objekt ist, dass man die Vorlage eines Objektes als ''Klasse'' bezeichnet. Wenn mit dem Schlüsselwort <tt>new MyClass()</tt> eine Instanz einer Klasse erstellt wurde, spricht man von einem Objekt. | |||
Vereinfacht heißt das: Ein Objekt existiert (im Speicher des Rechners), eine Klasse existiert nicht (bzw. nur virtuell als Quellcode = Textdatei auf der Festplatte). | |||
Z.B. erstellt man ein neues ''Objekt'' <tt>myDate</tt> aus der ''Klasse'' <tt>Date</tt> so: <source lang="JavaScript">var myDate = new Date();</source> | |||
Nun kann man alle Eigenschaften und Methoden (=Funktionen) des Objektes mit Hilfe des "Punktsyntax" oder "Dot-Syntax" benutzen. Z.B.: <source lang="JavaScript">Document.print("Es ist " + myDate.getHours() + " Uhr.");</source> | |||
Hinweis: Man kann auch manche Objekte nutzen, ohne sie vorher instanziiert zu haben. Das liegt dann aber meisten daran, dass es bereits eine Instanz davon gibt: siehe <tt>Document.print()</tt> im Beispiel oben. | |||
'''Übersicht der in JavaScript enthaltenen Klassen:''' | |||
{| align="left" {{Template:Prettytable}} | |||
|Anchor | |||
|Applet | |||
|Arguments | |||
|Array | |||
|Attr | |||
|- | |||
|Boolean | |||
|Comment | |||
|DOMException | |||
|DOMImplementation | |||
|Date | |||
|- | |||
|Document | |||
|DocumentFragment | |||
|Element | |||
|Error | |||
|Event | |||
|- | |||
|Form | |||
|Function | |||
|Global | |||
|History | |||
|Image | |||
|- | |||
|Input | |||
|Layer | |||
|Link | |||
|Location | |||
|Math | |||
|- | |||
|Navigator | |||
|Node | |||
|Number | |||
|Object | |||
|Optioni | |||
|- | |||
|RegExp | |||
|Screen | |||
|Select | |||
|String | |||
|Style | |||
|- | |||
|Text | |||
|Textarea | |||
|Window | |||
| | |||
| | |||
|} | |||
<br clear="all"/> | |||
Klassen fangen im Gegensatz zu Variablen üblicherweise mit einem Großbuchstaben an. Vgl. auch [[CamelCase]] | |||
== Weiterführende Links == | == Weiterführende Links == | ||