Heim >Web-Frontend >js-Tutorial >Erstellen Sie mithilfe von Javascript dynamisch Eigenschaften von Objekten

Erstellen Sie mithilfe von Javascript dynamisch Eigenschaften von Objekten

不言
不言Original
2018-11-06 17:59:223218Durchsuche

Objektorientiertes JavaScript bietet große Flexibilität beim Codieren auf der Clientseite, und Eigenschaften von Javascript-Objekten helfen dabei, Werte festzulegen, die innerhalb des Objekts zum Verwalten und Verwenden von Daten verwendet werden können.

Mein Verständnis von Eigenschaften in JavaScript ist, dass in Javascript Eigenschaften durch die Definition von Variablen für Textobjekte erstellt werden können.

Zum Beispiel

var obj = {
   property1: '',
   property2: ''
   };

Auf diese Eigenschaften kann jetzt mit

obj.property1 = 'some value';
obj.property2 = 'some other value';

zugegriffen werden. Ebenso können sie auch innerhalb von Funktionen innerhalb des Objekts Object verwendet werden.

Zum Beispiel:

var obj = {
   property1: '',
   property2: '',
   foo : function(){
           console.log(obj.property1);
   }};

Da wir nun wissen, wie man Eigenschaften für Javascript-Objekte erstellt, sehen wir uns an, wie man dynamische Eigenschaften für Javascript erstellt.

Es gibt zwei Möglichkeiten, dies zu tun Dies

Array-ähnliche dynamische Eigenschaften für Javascript-Objekte definieren

Nehmen wir das gleiche Beispiel wie oben:

var obj = {
   property1: '',
   property2: ''
   };

Im Objekt Objo So erstellen Sie eine Dynamik Eigenschaft für das Objekt erstellen, können wir Folgendes tun:

obj['property_name'] = 'some_value';

Es erstellt eine neue Eigenschaft obj für das Objekt und Sie können darauf als console.log(obj.property_name);

Dadurch wird der Wert some_value

auf der Konsole ausgegeben. Verwenden Sie Object.defineProperty, um dynamische Eigenschaften zu definieren.

Beispiel:

// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(obj, "property3", {value : 'some value',
                           writable : true,
                           enumerable : true,
                           configurable : true});
// 'property3' property exists on object obj and its value is 37

Das obige ist der detaillierte Inhalt vonErstellen Sie mithilfe von Javascript dynamisch Eigenschaften von Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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