So verstehen Sie Javascript-Objekte

In JS oder in objektorientierten Programmiersprachen ist ein Objekt eine Kombination aus Eigenschaften und Methoden. Ein Attribut enthält einen Attributnamen und einen Attributwert. Dieser Wert kann ein beliebiger Datentyp oder eine Funktion sein. In diesem Fall wird die Funktion auch als Methode bezeichnet.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

1.1 Was ist ein Objekt?

Objekte sind Dinge. In der realen Welt sind ein Ball, ein Tisch und ein Auto allesamt Objekte.

Ein Objekt ist etwas mit beschreibbaren Eigenschaften, das wir auf bestimmte Weise beeinflussen und manipulieren können.

In JS oder in objektorientierten Programmiersprachen ist ein Objekt eine Kombination aus Eigenschaften und Methoden.

Ein Attribut enthält einen Attributnamen und einen Attributwert. Dieser Wert kann ein beliebiger Datentyp oder eine Funktion sein. In diesem Fall wird die Funktion auch als Methode bezeichnet.

In JS ist fast alles, was Ihnen begegnet, ein Objekt, also lernen wir die Details von Objekten kennen.

1.2 Eigenschaften des Objekts?

Objekte haben Attribute, die die Eigenschaften des Objekts darstellen. Sie können über die Punktnotation auf die Attribute eines Objekts zugreifen.

objectName.propertyName;

Wenn man in der Realität ein Objekt mit einem Ball vergleicht, dann ist dieser Ball ein Objekt mit Eigenschaften, Farbe und Größe. Diese können wie folgt ausgedrückt werden:

var ball = new Object();
ball.color = “red";
ball.size = 12;

Objekte verfügen auch über Methoden, mit denen definiert wird, wie sich das Objekt verhält.

Beispielsweise verfügt dieser Ball möglicherweise über eine Rollmethode, um zu berechnen, wie weit er rollen kann, und eine Sprungmethode, um zu berechnen, wie hoch er springen kann.

kann wie folgt ausgedrückt werden:

ball.roll = function() {
return this.size * laps
}

1.3 Auf die Eigenschaften eines Objekts zugreifen

Wie bereits erwähnt, können wir über die Punktnotation auf die Eigenschaften eines Objekts zugreifen. Wenn dies jedoch der Fall ist, können wir trotzdem auf die Eigenschaften von zugreifen ein Objekt durch Punktnotation:

var ball = new Object();
ball.color = “red";
ball.size = 12;
var spec = “color”;
ball.spec ??

Hier wird davon ausgegangen, dass es eine Variablenspezifikation gibt und wir über diese Variablenspezifikation auf die Objekteigenschaften zugreifen müssen.

Aber wenn Sie die Punktnotation verwenden, greifen Sie auf das spec-Attribut von ball zu und geben ein Undefiniertes zurück, was darauf hinweist, dass spec direkt als Eigenschaft und nicht als Variable behandelt wird.

Was sollen wir tun, wenn wir den Wert einer Variablen als Attribut eines Objekts erhalten möchten?

Kann über die Notation in eckigen Klammern aufgerufen werden. Diese Notation wird dynamisch im Attributnamen festgelegt, sodass auf das Attribut über die in der Variablen gespeicherte Zeichenfolge zugegriffen werden kann:

ball[spec]; // red

1.4 Aufgezählte Objektattribute

Darüber hinaus können wir aufzählen Alle Eigenschaften des Objekts über die for-in-Schleifenanweisung:

var ball = {color: “red”, size: 12, border: 2};
for (var prop in ball) {
console.log(“ball.” + prop + “=“ + obj[prop]);
}
// ball.color = red
// ball.size = 12
// ball.border = 2
// 如果希望继承的属性不显示，那么可以用hasOwnProperty函数来过滤一遍
var bar = {a: 1, b: 2, c: 3};
function Foo() {
this.color = 'red';
}
Foo.prototype = bar;
var obj = new Foo();
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
console.log(prop);
}
}

Sie können auch die Methode Object.keys(obj) verwenden, um ein Array von Eigenschaftsnamensammlungen zurückzugeben:

var obj = {a: “123”, b: “das”, c: “web”};
console.log(Object.keys(obj)); // [“a”,”b”,”c”];
var arr = [“a”, “b”, “c”];
console.log(Object.keys(arr)); // [“0”,”1”,”2”];

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo verstehen Sie Javascript-Objekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!