Eine eingehende Analyse des Objektkonzepts in der JavaScript-Programmierung_Grundkenntnisse

Alles in JavaScript ist ein Objekt: Strings, Zahlen, Arrays, Funktionen...
Darüber hinaus ermöglicht JavaScript benutzerdefinierte Objekte.
Alles ist ein Objekt
JavaScript bietet mehrere integrierte Objekte wie String, Date, Array usw. Objekte sind lediglich spezielle Datentypen mit Eigenschaften und Methoden.

• Boolescher Typ kann ein Objekt sein
• Der Zahlentyp kann ein Objekt sein
• Ein String kann auch ein Objekt sein
• Datum ist ein Objekt
• Mathematik und reguläre Ausdrücke sind ebenfalls Objekte
• Ein Array ist ein Objekt
• Sogar Funktionen können Objekte sein

JavaScript-Objekt

Objekte sind nur eine besondere Art von Daten. Objekte haben Eigenschaften und Methoden.
Zugriff auf die Eigenschaften eines Objekts
Attribute sind mit Objekten verknüpfte Werte.
Die Syntax für den Zugriff auf Objekteigenschaften lautet:

objectName.propertyName

In diesem Beispiel wird die Längeneigenschaft des String-Objekts verwendet, um die Länge der Zeichenfolge zu ermitteln:

var message="Hello World!";
var x=message.length;

Nachdem der obige Code ausgeführt wurde, ist der Wert von x:

12

Methoden für den Zugriff auf Objekte
Methoden sind Aktionen, die an einem Objekt ausgeführt werden können.
Sie können Methoden mit der folgenden Syntax aufrufen:

objectName.methodName()

In diesem Beispiel wird die toUpperCase()-Methode des String-Objekts verwendet, um Text in Großbuchstaben umzuwandeln:

var message="Hello world!";
var x=message.toUpperCase();

Nachdem der obige Code ausgeführt wurde, ist der Wert von x:

HELLO WORLD!

JavaScript-Objekt erstellen
Mit JavaScript können Sie Ihre eigenen Objekte definieren und erstellen.
Es gibt zwei verschiedene Möglichkeiten, neue Objekte zu erstellen:

1. Instanzen von Objekten definieren und erstellen
2. Verwenden Sie Funktionen, um Objekte zu definieren und dann neue Objektinstanzen zu erstellen

Erstellen Sie eine direkte Instanz
In diesem Beispiel wird eine neue Instanz des Objekts erstellt und vier Eigenschaften hinzugefügt:
Beispiel

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

Alternative Syntax (unter Verwendung von Objektliteralen):
Beispiel

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Objektkonstruktor verwenden
In diesem Beispiel werden Funktionen zum Erstellen von Objekten verwendet:
Beispiel

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

In JavaScript verweist dies normalerweise auf die Funktion selbst, die wir ausführen, oder auf das Objekt, zu dem die Funktion gehört (Laufzeit)
JavaScript-Objektinstanz erstellen
Sobald Sie über den Objektkonstruktor verfügen, können Sie wie folgt neue Objektinstanzen erstellen:

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

Eigenschaften zu JavaScript-Objekten hinzufügen
Sie können einem vorhandenen Objekt neue Eigenschaften hinzufügen, indem Sie dem Objekt einen Wert zuweisen:
Vorausgesetzt, personObj existiert bereits – Sie können ihm diese neuen Eigenschaften hinzufügen: Vorname, Nachname, Alter und Augenfarbe:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

Nachdem der obige Code ausgeführt wurde, ist der Wert von x:

John

Methoden zu JavaScript-Objekten hinzufügen
Methoden sind nichts anderes als Funktionen, die einem Objekt zugeordnet sind.
Definieren Sie Objektmethoden innerhalb der Konstruktorfunktion:

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

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

changeName() Der Wert des Funktionsnamens wird dem Nachnameattribut der Person zugewiesen.
Jetzt können Sie es ausprobieren:

myMother.changeName("Doe");