javascript動(dòng)態(tài)創(chuàng)建對(duì)象的屬性詳解
面向?qū)ο蟮腏avaScript在客戶端編碼時(shí)提供了極大的靈活性，Javascript對(duì)象上的屬性有助于設(shè)置可在對(duì)象內(nèi)使用以管理和使用數(shù)據(jù)的值。
我對(duì)JavaScript中屬性的理解，在javascript中，可以通過(guò)在文字對(duì)象上定義變量來(lái)創(chuàng)建屬性。
例如
var obj = {
property1: '',
property2: ''
};
現(xiàn)在可以通過(guò)使用來(lái)訪問(wèn)這些屬性
obj.property1 = 'some value'; obj.property2 = 'some other value';
同樣，類似地，它們也可以在對(duì)象Object內(nèi)的函數(shù)內(nèi)使用。
例如：
var obj = {
property1: '',
property2: '',
foo : function(){
console.log(obj.property1);
}};
現(xiàn)在我們知道如何在javascript對(duì)象上創(chuàng)建屬性，讓我們看看如何在Javascript上創(chuàng)建動(dòng)態(tài)屬性
有兩種方法可以做到這一點(diǎn)
在Javascript對(duì)象上定義類似于Array的動(dòng)態(tài)屬性
讓我們采用與上面相同的例子：
var obj = {
property1: '',
property2: ''
};
在對(duì)象Objo上創(chuàng)建動(dòng)態(tài)屬性，我們可以這樣做：
obj['property_name'] = 'some_value';
它的作用是，它在對(duì)象上創(chuàng)建一個(gè)obj新屬性可以訪問(wèn)它作為console.log（obj.property_name）;
這將在控制臺(tái)上輸出值some_value
使用Object.defineProperty定義動(dòng)態(tài)屬性。
例：
// 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
相關(guān)文章
jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
這篇文章主要介紹了jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法,結(jié)合實(shí)例形式分析了jQuery顏色插件jquery.color.js實(shí)現(xiàn)背景色漸變的簡(jiǎn)單操作技巧,需要的朋友可以參考下2017-03-03
詳解Bootstrap glyphicons字體圖標(biāo)
本章將講解Bootstrap glyphicons字體圖標(biāo)，并通過(guò)一些實(shí)例了解它的使用，字體圖標(biāo)是在 Web 項(xiàng)目中使用的圖標(biāo)字體。字體圖標(biāo)在下載的Bootstrap的fonts文件夾中2016-01-01
Javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家介紹了Javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果，非常詳細(xì)的注釋代碼，文具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈出框提交信息，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
js動(dòng)態(tài)創(chuàng)建上傳表單通過(guò)iframe模擬Ajax實(shí)現(xiàn)無(wú)刷新
這篇文章主要介紹了js動(dòng)態(tài)創(chuàng)建上傳表單通過(guò)iframe模擬Ajax無(wú)刷新的具體實(shí)現(xiàn),需要的朋友可以參考下2014-02-02
如何通過(guò)JavaScript、css、H5實(shí)現(xiàn)簡(jiǎn)單的tab欄切換和復(fù)用功能
tab切換在項(xiàng)目中也算是常用技術(shù),一般實(shí)現(xiàn)tab切換都用js或者jq實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)JavaScript、css、H5實(shí)現(xiàn)簡(jiǎn)單的tab欄切換和復(fù)用功能的相關(guān)資料,需要的朋友可以參考下2022-11-11
只顯示一次的提示信息，刷新一頁(yè)面或第二次來(lái)到這個(gè)頁(yè)面，就不會(huì)再?gòu)棾鎏崾敬翱诹?，用在網(wǎng)頁(yè)上是想當(dāng)實(shí)用的吧，因?yàn)楹芏嗳硕疾幌Ｍ?jīng)常彈出什么窗口，本效果因此會(huì)提升用戶體驗(yàn)，讓用戶喜歡你的網(wǎng)頁(yè)2013-03-03
這篇文章主要介紹了大白話講解JavaScript的Promise，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要給大家介紹了使用JS如何制作簡(jiǎn)單的ASCII圖與單極圖的相關(guān)資料，文中介紹的非常詳細(xì)，并在文末給出了詳細(xì)的示例代碼，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-03-03
最常見(jiàn)和最有用的字符串相關(guān)的方法詳解
本文主要介紹了最常見(jiàn)和最有用的字符串相關(guān)的方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02