Einführung in JavaScript-Objekte

In JavaScript sind die meisten Dinge Objekte, von den grundlegenden JavaScript-Funktionen wie Arrays bis hin zu den auf JavaScript basierenden Browser-APIs. Sie können sogar Ihre eigenen Objekte erstellen, um verwandte Funktionen und Variablen zu effizienten Paketen zu kapseln und als praktische Datenspeicher zu agieren. Die objektbasierte Natur von JavaScript ist wichtig zu verstehen, wenn Sie Ihr Wissen über die Sprache vertiefen möchten, daher haben wir dieses Modul erstellt, um Ihnen zu helfen. Hier lehren wir Objekttheorie und -syntax im Detail und betrachten dann, wie Sie Ihre eigenen Objekte erstellen können.

Voraussetzungen

Bevor Sie dieses Modul starten, sollten Sie mit HTML und CSS vertraut sein. Es wird empfohlen, die Module Einführung in HTML und Einführung in CSS durcharbeiten, bevor Sie mit JavaScript beginnen.

Sie sollten auch mit den Grundlagen von JavaScript vertraut sein, bevor Sie JavaScript-Objekte im Detail betrachten. Arbeiten Sie vor diesem Modul die Bereiche JavaScript erste Schritte und JavaScript Bausteine durch.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Geräten arbeiten, wo Sie keine eigenen Dateien erstellen können, könnten Sie (die meisten) der Codebeispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Leitfaden

Grundlagen von Objekten

Im ersten Artikel über JavaScript-Objekte schauen wir uns die grundlegende JavaScript-Objektsyntax an und wiederholen einige JavaScript-Funktionen, die wir bereits früher im Kurs betrachtet haben, und unterstreichen die Tatsache, dass viele der Funktionen, mit denen Sie bereits gearbeitet haben, tatsächlich Objekte sind.

Objekt-Prototypen

Prototypen sind der Mechanismus, durch den JavaScript-Objekte Eigenschaften voneinander erben, und sie funktionieren anders als die Vererbungsmechanismen in klassischen objektorientierten Programmiersprachen. In diesem Artikel erforschen wir, wie Prototypketten funktionieren.

Objektorientierte Programmierung

In diesem Artikel beschreiben wir einige der grundlegenden Prinzipien der "klassischen" objektorientierten Programmierung und werfen einen Blick auf die Unterschiede zum Prototypmodell in JavaScript.

Klassen in JavaScript

JavaScript bietet einige Funktionen für diejenigen, die "klassische" objektorientierte Programme implementieren möchten, und in diesem Artikel beschreiben wir diese Funktionen.

Arbeiten mit JSON-Daten

JavaScript Object Notation (JSON) ist ein standardisiertes textbasiertes Format zur Darstellung strukturierter Daten, das auf der JavaScript-Objektsyntax basiert und häufig zur Darstellung und Übertragung von Daten im Web verwendet wird (d.h. zum Senden von Daten vom Server zum Client, damit sie auf einer Webseite angezeigt werden können). Sie werden oft darauf stoßen, daher geben wir Ihnen in diesem Artikel alles, was Sie zum Arbeiten mit JSON unter JavaScript benötigen, einschließlich des Parsens des JSON, damit Sie auf Datenobjekte zugreifen können, und des Schreibens Ihres eigenen JSON.

Objektbau-Praxis

In den vorherigen Artikeln haben wir alle wesentlichen Theorien und Syntaxdetails zu JavaScript-Objekten behandelt, um Ihnen eine solide Grundlage zu bieten. In diesem Artikel tauchen wir in eine praktische Übung ein, die Ihnen mehr Praxis im Erstellen benutzerdefinierter JavaScript-Objekte gibt, die etwas Spaßiges und Farbiges produzieren — einige farbige hüpfende Bälle.

Bewertungen

Neue Funktionen zu unserem hüpfende Bälle-Demo hinzufügen

In dieser Bewertung sollen Sie das hüpfende Bälle-Demo aus dem vorherigen Artikel als Ausgangspunkt verwenden und einige neue und interessante Funktionen hinzufügen.

Siehe auch

JavaScript lernen

Eine ausgezeichnete Ressource für angehende Webentwickler — Lernen Sie JavaScript in einer interaktiven Umgebung, mit kurzen Lektionen und interaktiven Tests, geleitet durch automatisierte Bewertung. Die ersten 40 Lektionen sind kostenlos, und der vollständige Kurs ist für eine kleine einmalige Zahlung erhältlich.