欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue中的Object.defineProperty全面理解

 更新時(shí)間：2022年04月30日 11:27:32   作者：godkzz  
這篇文章主要介紹了Vue中的Object.defineProperty全面理解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Object.defineProperty理解

定義：Object.defineProperty() 方法會(huì)直接在一個(gè)對(duì)象上定義一個(gè)新屬性，或者修改一個(gè)對(duì)象的現(xiàn)有屬性，并返回此對(duì)象。

直接添加

let person = {
? ? name:'張三',
? ? sex:'男',
}
Object.defineProperty(person,'age',{
? ? value:18,
? ? enumerable:true,//控制屬性是否可以枚舉，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，該屬性才會(huì)出現(xiàn)在對(duì)象的枚舉屬性中。
? ? writable:true,//控制屬性是否可以被修改，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，才能被賦值運(yùn)算符改變。
? ? configurable:true,//控制屬性是否可以被刪除，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，該屬性能從對(duì)應(yīng)的對(duì)象上被刪除。 ?
? ? ? ? ? ? ?
})
console.log(person);

使用getter、setter 

let age_number = 18;
let person = {
? ? name:'張三',
? ? sex:'男',
}
Object.defineProperty(person,'age',{
? ? //value:18,
? ? //enumerable:true,//控制屬性是否可以枚舉，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，該屬性才會(huì)出現(xiàn)在對(duì)象的枚舉屬性中。
? ? //writable:true,//控制屬性是否可以被修改，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，才能被賦值運(yùn)算符改變。
? ? //configurable:true,//控制屬性是否可以被刪除，默認(rèn)值是false，當(dāng)該屬性的值為 true 時(shí)，該屬性能從對(duì)應(yīng)的對(duì)象上被刪除。 ?
? ? get(){
? ? ? ? console.log("讀取age屬性");
? ? ? ? return age_number;
? ? },
? ? set(value)
? ? {
? ? ? ? console.log("修改age的值");
? ? ? ? age_number = value;
? ? } ? ? ? ? ? ? ?
})
console.log(person);

需要Object.defineProperty()注意點(diǎn)

1.用Object.defineProperty方法創(chuàng)建一個(gè)新屬性時(shí)，如果不指定configurabel，enumberable，writable特性的默認(rèn)值都是false，修改已定義的屬性特性無(wú)限制。

2.Configurable性定義為不可配置就不能把它變回可配置，此時(shí)調(diào)用Object.defineProperty修改除writable之外的特性都會(huì)報(bào)錯(cuò)。

3.模擬訪問(wèn)和設(shè)置的行為：想要訪問(wèn)器屬性模擬默認(rèn)行為的話，必須的在里面新添一個(gè)屬性不然會(huì)造成循環(huán)引用

var obj={
a:1
};
?
Object.defineProperty(obj,"a",{
get:function(){
return this.a;
},
?
set:function(val){
this.a=val
}
});
obj.a;// Maximum call stack size exceeded

會(huì)造成循環(huán)引用，狂call不止

person.a → get.call(person) → this.a → person.a ?→ get.call(person) → this.a......

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。 

相關(guān)文章

最新評(píng)論