使用javascript動態建立物件的屬性

物件導向的JavaScript在客戶端編碼時提供了極大的靈活性，Javascript物件上的屬性有助於設定可在物件內使用以管理和使用資料的值。

我對JavaScript中屬性的理解，在javascript中，可以透過在文字物件上定義變數來建立屬性。

例如

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

現在可以透過使用來存取這些屬性

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

同樣，類似地，它們也可以在物件Object內的函數內使用。

例如：

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

現在我們知道如何在javascript物件上建立屬性，讓我們看看如何在Javascript上建立動態屬性

有兩種方法可以做到這一點

在Javascript物件上定義類似Array的動態屬性

#讓我們採用與上面相同的範例：

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

在物件Objo上建立動態屬性，我們可以這樣做：

obj['property_name'] = 'some_value';

它的作用是，它在物件上建立一個obj新屬性可以存取它作為console.log（obj.property_name）;

#這將在控制台上輸出值some_value

使用Object.defineProperty定義動態屬性。

範例：

// 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

以上是使用javascript動態建立物件的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！