Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

Prototyping

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In diesem Film werden Sie in die Erweiterung von Klassen in JavaScript durch Prototyping und die Eigenschaft prototype eingeführt.
03:04

Transkript

Man kann in JavaScript einzeln Objeckt erweitern, aber auch Objektdekorationen, das heißt Klassen und wie das geht sehen Sie hier. Das Verfahren nennt man Prototyping. Jede Klasse, jede Objektdekoration in Javascript besitzt eine Eigenschaft Prototype und wenn Sie die Klasse hin schreiben einen Punkt Prototype und wieder durch einen Punkt abgeternnt eine neue Eigenschafft, können Sie diese Klasse um die entsprechende Eigenschaft einfach erweitern und was Sie dann als Eigenschaft oder Methode erweitern, steht in allen Objekten dieses Typs oder einer sogenannten Subklasse zur Verfügung. Ich habe hier die Klasse Object, die die oberste Klasse in der Hierarchie aller Klassen in JavaScript darstellt, um die Eigenschaft Copyright, Info, Wert mit einer Vorbelegung, Copyright auch und um eine Methode durch die Zuordnung einer anonymen Funktion erweitert dann erzeuge ich ein Objekt vom Typ Image, also ein Bild, die Klasse Image ist eine Subklasse von Object, weil Object immer die oberste Klasse ist. Die Eigenschaft Source gehört nativ zu jedem Bild. Jedes Bildobjekt hat eine Soureceeigenschaft, worüber man URL angeben kann , aber die Eigenschaft Info, diese hat normalerweise ein Bildobjekt nicht und sie bekommt dadurch diese Eigenschaft, dass Sie hier bei Prototype erweitert wurde. Die Objekte werden jetzt hier benutzt, an dieser Stelle, das ist jtzt das Bildobjekt, dessen Eigenschaft Source hier aus, indem ich eine Stringverkettung vornehme und diesen Wert in ein Image Text schreibe, deswegen wird das Bild geladen, dann wird der Wert der Eigenschaft Info ausgegeben. Hier wurde die Eigenschaft mit Prototype an Object erweitert und hier wurde über das spezifische Objekt, die instanz, der Wert zugewiesen, dann gebe ich den Wert aus, auch diese Eigenschaft wurde per Prototype, bei der Superklasse erweitert und vorbelegt für die spezifische Instanz ändere ich diesen Wert nicht, also es ist offensichtlich etwas, was von der Klasse sozusagen herkommt. Genauso auch hier das Copyright und hier rufe ich die per Prototype, der Klasse hinzugefügte Methode, get Datum auf und das ist wiegesagt das Resultat, sowohl die Erweiterung von Einzelobjekten, als auch Objektdekleration gehören zu den fortgeschrittenen Techniken, die für Progamiera mit objektorientierten Hintergrund, aber Möglichkeiten schaffen, quasi wie in einer echten objektorientierten Sprache zu arbeiten. Das ist nicht alles, was man in einer objektorientierten Sprache zur Verfügung hat, aber vieles davon kann man auch über dieses Prototyping, in Anführungszeichen, simulieren.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!