javaScript中的Object類型

hyuan 發(fā)布于2019-08-26 12:11 / 2863人閱讀

摘要：默認(rèn)為當(dāng)該屬性的為時，才能被賦值運算符改變。可以是任何有效的值數(shù)值，對象，函數(shù)等。而這些篡改可能會影響對象的內(nèi)置屬性或方法，從而導(dǎo)致對象的正常功能可能無法使用。

屬性描述符

JavaScript提供了一個內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用于描述對象的值，控制其行為，例如該屬性是否可寫、是否可配置、是否可修改以及是否可枚舉等。這個內(nèi)部數(shù)據(jù)結(jié)構(gòu)被稱為‘屬性描述符’。
每個屬性都有自己對應(yīng)的屬性描述符，保存該屬性的元信息。

{
    value:"前端",
    writable:false,
    enumerable:true,
    configurable:false,
    get:undefined,
    set:undefined
}

對象里目前存在的屬性描述符有兩種主要形式：數(shù)據(jù)描述符和存取描述符

數(shù)據(jù)描述符

數(shù)據(jù)描述符是一個具有值的屬性，該值可能是可寫的，也可能不是可寫的。數(shù)據(jù)描述符具有以下可選鍵值：

value：該屬性對應(yīng)的值，可以是任何有效的JavaScript值(數(shù)值，對象，函數(shù)等)。默認(rèn)為undefined

writable：當(dāng)該屬性的writable為true時，value才能被賦值運算符改變。默認(rèn)為false

configurable：當(dāng)該屬性的configurable為true時，該屬性描述符才能夠被改變，同時該屬性也能從對應(yīng)的對象上被刪除，默認(rèn)為false

enumerable：當(dāng)該屬性的enumerable為true時，該屬性才能夠出現(xiàn)在對象的枚舉屬性中，默認(rèn)為false

存取描述符

存取描述符是由getter-setter函數(shù)對描述的屬性。存取描述符具有以下可選鍵值：

get：給屬性提供getter的方法，如果沒有g(shù)etter則為undefined。當(dāng)訪問該屬性時，該方法會被執(zhí)行，方法執(zhí)行時沒有參數(shù)傳入，但是會傳入this對象

set：給屬性提供setter的方法，如果沒有setter則為undefined。當(dāng)屬性值修改時，觸發(fā)執(zhí)行該方法。該方法將接受唯一參數(shù)，即該屬性新的參數(shù)值。

configurable：當(dāng)該屬性的configurable為true時，該屬性描述符才能夠被改變，同時該屬性也能從對應(yīng)的對象上被刪除，默認(rèn)為false

enumerable：當(dāng)該屬性的enumerable為true時，該屬性才能夠出現(xiàn)在對象的枚舉屬性中，默認(rèn)為false。

獲取屬性描述符

Object.getOwnPropertyDescriptor()方法返回指定對象上一個自有屬性對應(yīng)的屬性描述符。

Object.getOwnPropertyDescriptor(obj,prop)

obj：需要查找的目標(biāo)對象

prop：目標(biāo)對象內(nèi)屬性名稱(String類型)

返回值：如果指定的屬性存在于對象上，則返回其屬性描述符對象，否則返回undefined

var obj={}
obj.attr="前端";

console.log(Object.getOwnPropertyDescriptor(obj,"attr"));

設(shè)置屬性描述符

1.Object.defineProperty()方法為對象定義新屬性或修改現(xiàn)有屬性，并返回該對象

Object.defineProperty(obj,prop,descriptor);

obj：要在其上定義屬性的對象

prop：要定義或修改的屬性的名稱

descriptor：將傳遞給函數(shù)的對象

返回值：被傳遞給函數(shù)的對象

2.Object.defineProperties()方法為對象定義一個或多個新屬性或修改現(xiàn)有屬性，并返回該對象

Object.defineProperties(obj,props)

obj：要在其上定義屬性的對象

props：要定義其可枚舉屬性或修改的屬性描述符的對象

返回值：被傳遞給函數(shù)的對象

屬性描述符的可選鍵值

1.value：表示目標(biāo)屬性對應(yīng)的值。可以是任何有效的JavaScript值(數(shù)值，對象，函數(shù)等)。默認(rèn)為undefined

var obj={};
obj.name="張三";

var attr=Object.getOwnPropertyDescriptor(obj,"name");
console.log(attr.value);

Object.defineProperty(obj,"name",{value:"李四"});
console.log(obj.name);

2.writable:Boolean值，表示目標(biāo)屬性的值是否可以被修改。當(dāng)該屬性的writable為true時，value才能被賦值運算符改變。默認(rèn)為false

var obj={};
Object.defineProperty(obj,"attr",{
       value:"前端",
       writable:false
});
console.log(obj.attr);
obj.attr=100;
console.log(obj.attr);

3.configurable:Boolean值，表示目標(biāo)屬性的描述符是否可以修改。當(dāng)該屬性的configurable為true時，該屬性描述符才能夠被改變，同時該屬性也能從對應(yīng)的對象上被刪除。默認(rèn)為false

var obj=Object.definePropety({},"attr",{
    value:"大前端",
    configurable:false
});

Object.definePropety(obj,"attr",{value:100});
Object.definePropety(obj,"attr",{writable:true});
Object.definePropety(obj,"attr",{enumerable:true});
Object.definePropety(obj,"attr",{configurable:true});

4.enumerable:Boolean值，表示目標(biāo)屬性是否可遍歷。當(dāng)該屬性的enumerable為true時，該屬性才能夠出現(xiàn)在對象的枚舉屬性中。默認(rèn)為false
如果對象的屬性的enumerable的值為false，以下三種操作取不到該屬性：

for...in語句

Object.keys()方法

JSON.stringify()方法

var obj={};
Object.defineProperty(obj,"attr",{value:"前端",enumerable:false});
for(var key in obj){console.log(key);}
console.log(Object.keys(obj));
console.log(JSON.stringify(obj));

屬性描述符的存取器

對象的屬性除了可以直接定義以外，還可以使用存取器進(jìn)行定義。其中setter為存值函數(shù)，使用屬性描述符中的set;getter為取值函數(shù)，使用屬性描述符中的get

var obj=Object.defineProperty({},"attr",{
    get:function(){
        return "前端";
    },
    set:function(){
        console.log("setter:"+value);
    }
});

console.log(obj.attr);
obj.attr=100;

JavaScript中除了上述存取器的寫法之外，還提供了以下寫法：

var obj={
    get attr(){
        return "前端";
    },
    set attr(value){
        console.log("setter:"+value);
    }
}

console.log(obj.attr);
obj.attr=100;

防篡改

定義的對象默認(rèn)在任何時候、任何位置，無論有意義的還是無意義的都可以修改對象的屬性或方法。
而這些篡改可能會影響對象的內(nèi)置屬性或方法，從而導(dǎo)致對象的正常功能可能無法使用。
1.禁止擴展：禁止為對象擴展新的屬性或方法

var obj={};
Object.preventExtensions(obj);
obj.attr="前端";
console.log(Object.isExtensible(obj));
console.log(obj.attr);

2.密封對象：禁止擴展新的屬性或方法，禁止配置現(xiàn)有的屬性或方法的描述符，僅允許讀寫屬性的值

var sealed={};
Object.seal(sealed);
Object.isSealed(sealed);

Object.isExtensible(sealed);

3.凍結(jié)對象：禁止對對象執(zhí)行任何修改操作

var frozen={1:81};
Object.isFrozen(frozen);
Object.freeze(frozen);
Object.isFrozen(frozen);

Object.isSealed(frozen);
Object.isExtensible(frozen);

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108184.html

下一篇：vue-cli項目優(yōu)化，縮短首屏加載時間

發(fā)表評論

登陸后可評論

0條評論

hyuan

男|高級講師

我要關(guān)注我要私信

TA的文章

保姆級教程帶你開發(fā)優(yōu)質(zhì)的Python庫之上篇【建議收藏】

閱讀 1179·2021-09-10 10:51
CSS > 關(guān)于雪碧圖預(yù)處理和后處理方案的討論

閱讀 911·2019-08-30 15:53
[轉(zhuǎn)]用 HTML 和 CSS 來打造一個自己的「大白(●—●)」

閱讀 2737·2019-08-30 12:50
SEER新網(wǎng)頁錢包UI設(shè)計第一版開發(fā)完畢

閱讀 988·2019-08-30 11:07
編寫高效的 CSS 選擇器 – CSS魔法

閱讀 2000·2019-08-30 10:50
VSCode debugger for chrome傻瓜“一鍵”配置

閱讀 3608·2019-08-29 18:47
重學(xué)前端學(xué)習(xí)筆記（五）--如何運用語義類標(biāo)簽來呈現(xiàn)Wiki網(wǎng)頁？

閱讀 1322·2019-08-29 18:44
移動端輪播圖實現(xiàn)方法（dGun.js）

閱讀 1610·2019-08-29 17:01

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

javaScript中的Object類型

相關(guān)文章

JavaScript 中的強制類型轉(zhuǎn)換

JavaScript中的數(shù)據(jù)類型及其檢測

**前端面試題 -- JavaScript (一)**

JavaScript的數(shù)據(jù)類型及其檢測

JavaScript的數(shù)據(jù)類型及其檢測

JavaScript的數(shù)據(jù)類型及其檢測

發(fā)表評論

0條評論

hyuan

男|高級講師

TA的文章

保姆級教程帶你開發(fā)優(yōu)質(zhì)的Python庫之上篇【建議收藏】

CSS > 關(guān)于雪碧圖預(yù)處理和后處理方案的討論

[轉(zhuǎn)]用 HTML 和 CSS 來打造一個自己的「大白(●—●)」

SEER新網(wǎng)頁錢包UI設(shè)計第一版開發(fā)完畢

編寫高效的 CSS 選擇器 – CSS魔法

VSCode debugger for chrome傻瓜“一鍵”配置

重學(xué)前端學(xué)習(xí)筆記（五）--如何運用語義類標(biāo)簽來呈現(xiàn)Wiki網(wǎng)頁？

移動端輪播圖實現(xiàn)方法（dGun.js）

最新活動