Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist objektorientiertes JavaScript? Objekte in js verstehen

不言
Freigeben: 2020-09-04 15:01:41
Original
18406 Leute haben es durchsucht

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.

Was ist objektorientiertes JavaScript? Objekte in js verstehen

1. Objektorientiert

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.

2. Objekte verstehen

2.1. Es gibt zwei Möglichkeiten, Objekte in JS zu erstellen:

// 第一种:创建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)}
}
Nach dem Login kopieren

Die in den beiden obigen Beispielen erstellten Objekte sind gleich und haben die gleichen Eigenschaften und Methoden.

2.2. Datenattribute und Accessor-Attribute

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.

2.2.1. Datenattribut

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'
}
Nach dem Login kopieren

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,不可修改
Nach dem Login kopieren

Hinweis: Die Methode Object.defineProperty() ist konfigurierbar. Nachdem sie „false“ ist, können andere Eigenschaften als beschreibbar nicht geändert werden.

2.2.2. Accessor-Eigenschaften

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); //2
Nach dem Login kopieren

Wobei 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
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage