Erstellen Sie Ihr eigenes JavaScript-Objekt

JavaScript-Objekt

Objekt ist nur ein spezieller Datentyp und verfügt über eine Reihe von Eigenschaften und Methoden. Lassen Sie uns anhand eines Beispiels verstehen: Eine Person ist ein Objekt. Eigenschaften sind mit Objekten verknüpfte Werte. Zu den Merkmalen einer Person gehören Name, Größe, Gewicht, Alter, Hautfarbe, Augenfarbe usw. Alle Menschen verfügen über diese Eigenschaften, die Werte der Attribute variieren jedoch von Person zu Person. Objekte haben auch Methoden. Methoden sind Verhaltensweisen, die auf Objekte angewendet werden können. Die Methoden der Menschen können Essen, Schlafen, Arbeiten, Spielen usw. sein.

Eigenschaften

Methoden für den Zugriff auf die Eigenschaften eines Objekts:

ObjectName.Properties

Durch einfaches Zuweisen eines Werts zu a Eigenschaft, Sie können dem Objekt Eigenschaften hinzufügen. Gehen Sie davon aus, dass das personObj-Objekt vorhanden ist. Sie können Eigenschaften wie Vorname, Nachname, Alter und Augenfarbe hinzufügen.

personObj.firstname="John" personObj.lastname="Doe" personObj.age=30 personObj.eyecolor="blue" document.write(personObj.firstname)

Die obige Codegenerierung Ausgabe des Folgenden:

John

Methoden

Objekte können Methoden enthalten.

Verwenden Sie die folgende Syntax, um eine Methode aufzurufen:

Objektname.Methodenname ()

Hinweis: Die Parameter für die Methode in den Klammern können weggelassen werden.

Rufen Sie die Methode des personObj-Objekts namens „sleep“ auf:

personObj.sleep()

Erstellen Sie Ihr eigenes Objekt

Es gibt viele verschiedene Möglichkeiten zum Erstellen ein Objekt:

1. Erstellen Sie eine Instanz des Objekts

Der folgende Code erstellt eine Instanz des Objekts und fügt ihm vier Eigenschaften hinzu:

personObj=new Object ( ) personObj.firstname="John" personObj.lastname="Doe" personObj.age=50 personObj.eyecolor="blue"

Das Hinzufügen von Methoden zu personObj ist ebenfalls sehr einfach. Der folgende Code fügt personObj eine Methode namens eat() hinzu:

personObj.eat=eat

2. Erstellen Sie eine Vorlage für das Objekt

Die Vorlage definiert die Struktur von das Objekt.

Funktion Person(Vorname, Nachname, Alter, Augenfarbe) { this.firstname=firstname this.lastname=lastname this.age=age this.eyecolor=eyecolor }

Hinweis: Die Vorlage ist nur eine Funktion. Sie müssen this.propertiName innerhalb der Funktion Inhalt zuweisen.

Sobald Sie die Vorlage haben, können Sie eine neue Instanz wie diese erstellen:

myFather=new person("John",Doe",50,"blue") myMother=new person („Sally“, „Rally“, 48, „green“)

Sie können dem Personenobjekt auch bestimmte Methoden hinzufügen. Und es muss auch innerhalb der Vorlage bedient werden:

function person(firstname,lastname,age,eyecolor) { this.firstname=firstname this.lastname=lastname this.age=age this.eyecolor=eyecolor this .newlastname =newlastname }

Hinweis: Methoden sind nur Funktionen, die an das Objekt angehängt sind. Dann müssen wir die Funktion newlastname() schreiben:

function newlastname(new_lastname) { this.lastname=new_lastname }

Die Funktion Newlastname() definiert den neuen Nachnamen einer Person und weist ihn zu Person. Durch die Verwendung von „this.“ weiß JavaScript, auf wen Sie sich beziehen. Jetzt können Sie schreiben: myMother.newlastname("Doe").