Einführung in JavaScript-Objekte

In JavaScript sind die meisten Dinge Objekte, von grundlegenden JavaScript-Funktionen wie Arrays bis hin zu den Browser-APIs, die auf JavaScript aufbauen. Sie können sogar Ihre eigenen Objekte erstellen, um verwandte Funktionen und Variablen in effiziente Pakete zu kapseln und als nützliche Datencontainer zu fungieren. Das objektbasierte Wesen von JavaScript ist wichtig zu verstehen, wenn Sie Ihr Wissen über die Sprache vertiefen möchten, daher haben wir dieses Modul bereitgestellt, um Ihnen dabei zu helfen. Hier erklären wir die Objekttheorie und Syntax im Detail und zeigen dann, wie Sie Ihre eigenen Objekte erstellen können.

Voraussetzungen

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

Sie sollten auch mit den Grundkenntnissen von JavaScript vertraut sein, bevor Sie sich eingehend mit JavaScript-Objekten befassen. Bevor Sie dieses Modul versuchen, arbeiten Sie sich durch die Module Erste Schritte mit JavaScript und Grundlagen von JavaScript.

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

Leitfäden

Grundlagen von Objekten

Im ersten Artikel über JavaScript-Objekte betrachten wir die grundlegende JavaScript-Objektsyntax und wiederholen einige JavaScript-Funktionen, die wir bereits früher im Kurs behandelt haben, indem wir darauf hinweisen, dass viele der Funktionen, mit denen Sie bereits zu tun hatten, tatsächlich Objekte sind.

Objektprototypen

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

Objektorientierte Programmierung

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

Klassen in JavaScript

JavaScript bietet einige Funktionen für Personen, 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 von strukturierten Daten basierend auf JavaScript-Objektsyntax, das häufig zur Darstellung und Übertragung von Daten im Web verwendet wird (d. h. beim Senden von Daten vom Server zum Client, damit sie auf einer Webseite angezeigt werden können). Sie werden häufig darauf stoßen, daher bieten wir in diesem Artikel alles, was Sie benötigen, um mit JSON unter Verwendung von JavaScript zu arbeiten, einschließlich des Parsens von JSON, damit Sie auf darin enthaltene Datenobjekte zugreifen können, und des Schreibens Ihres eigenen JSON.

Objektbaupraxis

In vorherigen Artikeln haben wir alle wesentlichen Theorien und Syntaxdetails zu JavaScript-Objekten behandelt und Ihnen eine solide Basis zum Starten gegeben. In diesem Artikel tauchen wir in eine praktische Übung ein, die Ihnen weitere Praxis im Erstellen benutzerdefinierter JavaScript-Objekte bietet, die etwas Spaßiges und Buntes produzieren — einige farbige springende Bälle.

Bewertungen

Funktionen zu unserem springenden Kugeln-Demo hinzufügen

In dieser Bewertung wird erwartet, dass Sie das springende Kugeln-Demo aus dem vorherigen Artikel als Ausgangspunkt verwenden und einige neue und interessante Funktionen hinzufügen.

Siehe auch

Learn JavaScript

Eine hervorragende Ressource für angehende Webentwickler — Lernen Sie JavaScript in einer interaktiven Umgebung, mit kurzen Lektionen und interaktiven Tests, geführt durch automatisierte Bewertung. Die ersten 40 Lektionen sind kostenlos, und der gesamte Kurs ist gegen eine kleine einmalige Zahlung verfügbar.