Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist objektorientiertes JavaScript? Das Verständnis von Objekten in js hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
Das grundlegendste Symbol der objektorientierten Sprache ist das Konzept der Klasse. Was ist eine Klasse? Eine Klasse ist eine Sammlung, die mehrere Eigenschaften und Methoden enthält. Eine Instanz einer Klasse ist ein -Objekt .
Aus historischen Gründen unterscheidet sich das Konzept von Objekten in ECMAScript (im Folgenden als JS bezeichnet) von Objekten in klassenbasierten Sprachen. ECMA-262 definiert ein Objekt als „eine ungeordnete Sammlung von Attributen, deren Attribute Grundwerte, Objekte oder Funktionen enthalten können“.
Jedes Objekt wird basierend auf einem Referenztyp erstellt.
// 第一种：创建Object实例
var person = new Object();
person.name = 'tom';
person.age = 20;
person.sayIt = function(){console.log(this.name, this.age)}
// 第二种：对象字面量值
var person = {
name: 'tom',
age: 20,
sayIt: function(){console.log(this.name, this.age)}
}Die in den beiden obigen Beispielen erstellten Objekte sind gleich und haben die gleichen Eigenschaften und Methoden.
Die Schlüssel von JS-Objekten (d. h. Attribute und Methoden wie Name und SayIt) sind in zwei Arten von Attributen unterteilt: Daten Eigenschaften und Accessor-Eigenschaften.
Das Datenattribut enthält den Ort eines Datenwerts, an dem der Wert gelesen und geschrieben werden kann. Enthält die folgenden 4 Merkmale:
Konfigurierbar: Gibt an, ob durch Löschen das Attribut gelöscht werden kann und ob der Typ des Attributdeskriptors geändert werden kann. Der Standardwert ist „false“. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird dieser standardmäßig auf „true“ gesetzt.
Aufzählbar: Gibt an, ob das Attribut aufzählbar (for-in) ist. Der Standardwert ist „false“. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird dieser standardmäßig auf „true“ gesetzt.
Schreibbar: Gibt an, ob der Attributwert geändert werden kann. Der Standardwert ist „false“. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird dieser standardmäßig auf „true“ gesetzt.
Wert: Stellt den Wert des Attributs dar. Der Standardwert ist undefiniert. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird sie standardmäßig auf undefiniert gesetzt.
Wenn Sie eine Instanz erstellen:
var person = {
name: 'tom'
}Die Datenattribute „Konfigurierbar“, „Aufzählbar“ und „Schreibbar“ des Attributnamens des Personenobjekts sind alle wahr, d. h. das Namensattribut kann gelöscht werden. Aufgezählt und der Wert kann neu geschrieben werden. Der aktuelle Wert des Namensattributs ist „tom“.
Wenn Sie das Datenattribut eines Attributs ändern möchten, können Sie die von ES5 bereitgestellte Methode Object.defineProperty() verwenden. Diese Methode kann dem Objekt auch ein neues Attribut hinzufügen drei Parameter: Zielobjekt und Der Name des zu definierenden oder zu ändernden Attributs, das Datenattribut, das definiert oder geändert werden muss
Ändern Sie das Namensattribut der Personeninstanz wie folgt:
var person = {
name: 'tom'
}
Object.defineProperty(person, 'name', {
configurable: false,
enumerable: false,
writable: false,
value: 1
})
console.log(person.name); // 1，name属性的值已修改为1
delete person.name;
console.log(person.name); // 1, name属性依然存在
for(var i in person){
console.log(i); // undefined，name属性不可枚举
}
person.name = 2;
console.log(person.name); // 1，name的值依然为1，不可修改Hinweis: Die Methode Object.defineProperty() ist konfigurierbar. Nachdem sie „false“ ist, können andere Eigenschaften als beschreibbar nicht geändert werden.
Die Accessor-Eigenschaft hat keinen Datenwert und nur zwei Funktionen:
Getter-Funktion zum Erhalten gültiger Werte
Setter-Funktion , Gültige Werte festlegen
Eine übliche Methode zur Verwendung von Accessor-Eigenschaften besteht darin, andere Eigenschaften durch Festlegen des Werts einer Eigenschaft zu ändern. Zu den Accessor-Eigenschaften gehören auch 4 Eigenschaften:
Konfigurierbar: Gibt an, ob durch Löschen das Attribut gelöscht werden kann und ob der Typ des Attributdeskriptors geändert werden kann. Der Standardwert ist „false“. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird dieser standardmäßig auf „true“ gesetzt.
Aufzählbar: Gibt an, ob das Attribut aufzählbar (for-in) ist. Der Standardwert ist „false“. Wenn Sie eine Instanz erstellen, ohne diesen Wert anzugeben, wird dieser standardmäßig auf „true“ gesetzt.
Get: Funktion, die beim Lesen von Attributen aufgerufen wird, der Standardwert ist undefiniert.
Set: Funktion, die beim Schreiben von Attributen aufgerufen wird, der Standardwert ist undefiniert.
var book = {
_year: 2004,
edition: 1
};
Object.defineProperty(book, "year", {
get: function(){
return this._year;
},
set: function(newValue){
if (newValue > 2004) {
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;
console.log(book.edition); //2Wobei Jahr das Zugriffsattribut und _Jahr das Datenattribut ist. Die konfigurierbaren und aufzählbaren Werte des Accessor-Attribut-Jahres sind nicht festgelegt, daher ist es falsch, d. h. das Accessor-Attribut-Jahr kann nicht gelöscht und nicht aufgezählt werden.
Sie können die Eigenschaften des Attributs über die Methode Object.getOwnPropertyDescriptor() lesen:
var descriptor = Object.getOwnPropertyDescriptor(book, '_year'); console.log(descriptor.writable); // true console.log(descriptor.configurable); // true
Zusammenfassung:
Das Objekt von Javasc ist mehrfach Attribute und Eine Instanz einer Methodensammlung verfügt über zwei Arten von Eigenschaften: Dateneigenschaften und Zugriffseigenschaften. Die Eigenschaften des Objekts können über verschiedene von Object bereitgestellte Methoden gelesen und geändert werden.
Verwandte Empfehlungen:
Einführung in die objektorientierte Objektorientierung in JavaScript_js
Objektorientierte Überladung von Javascript_js-Objekten -orientiert
Das obige ist der detaillierte Inhalt vonWas ist objektorientiertes JavaScript? Objekte in js verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
