关于Object.defineProperty()的用法

14 篇文章 0 订阅

Object.defineProperty(obj, prop, descriptor)

参数说明
obj:必需。目标对象
prop:必需。需定义或修改的属性的名字
descriptor:必需。目标属性所拥有的特性

1.只对对象属性的value起作用,value有值则为vulue的值,否则则为undefined

var obj = {}
// 第一种情况:不设置value属性
Object.defineProperty(obj,"newKey",{
});
console.log( obj.newKey ); //undefined

// 第二种情况:设置value属性
Object.defineProperty(obj,"newKey",{
    value: "hello"
});
console.log( obj.newKey );  //hello

2.value值是否可以重写,writable设置为true可以被重写;设置为false,不能被重写。默认为false。

var obj = {}
//第一种情况:writable设置为false,不能重写。
Object.defineProperty(obj,"newKey",{
    value: "hello",
    writable: false
});
//更改newKey的值
obj.newKey = "change value";
console.log( obj.newKey );  //hello

//第二种情况:writable设置为true,可以重写
Object.defineProperty(obj,"newKey",{
    value: "hello",
    writable: true
});
//更改newKey的值
obj.newKey = "change value";
console.log( obj.newKey );  //change value

3.属性是否可以被枚举,enumerable设置为true可以被枚举;设置为false,不能被枚举。默认为false

var obj = {}
// 第一种情况:enumerable设置为false,不能被枚举。
Object.defineProperty(obj,"newKey",{
    value: "hello",
    writable: false,
    enumerable: false
});

// 枚举对象的属性
for( var attr in obj ){
    console.log( attr );  
}
//第二种情况:enumerable设置为true,可以被枚举。
Object.defineProperty(obj,"newKey",{
    value: "hello",
    writable: false,
    enumerable: true
});

//枚举对象的属性
for( var attr in obj ){
    console.log( attr );  //newKey
}

4.configurable设置为true可以被删除或可以重新设置特性;设置为false,则不可删除或重新设置特性。默认为false。

测试目标属性是否能被删除

var obj = {}

//第一种情况:configurable设置为false,不能被删除。
Object.defineProperty(obj,"newKey",{
    value: "hello",
    writable: false,
    enumerable: false,
    configurable: false
});
//删除属性
delete obj.newKey;
console.log( obj.newKey ); //hello

//第二种情况:configurable设置为true,可以被删除。
Object.defineProperty(obj,"newKey",{
    value:"hello",
    writable:false,
    enumerable:false,
    configurable:true
});
//删除属性
delete obj.newKey;
console.log( obj.newKey ); //undefined

测试是否可以再次修改特性

var obj = {}
//第一种情况:configurable设置为false,不能再次修改特性。
Object.defineProperty(obj,"newKey",{
    value:"hello",
    writable:false,
    enumerable:false,
    configurable:false
});

//重新修改特性
Object.defineProperty(obj,"newKey",{
    value:"hello",
    writable:true,
    enumerable:true,
    configurable:true
});
console.log( obj.newKey ); //报错:Uncaught TypeError: Cannot redefine property: newKey

//第二种情况:configurable设置为true,可以再次修改特性。
Object.defineProperty(obj,"newKey",{
    value:"hello",
    writable:false,
    enumerable:false,
    configurable:true
});

//重新修改特性
Object.defineProperty(obj,"newKey",{
    value:"hello",
    writable:true,
    enumerable:true,
    configurable:true
});
console.log( obj.newKey ); //hello
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值