Object.defineProperty()应用代码实例

快乐打工仔 分类:实例代码

这是ES5新增的方法,它的具体用法可以参阅Object.defineProperty()方法一章节。

本章节不对它的具体概念做介绍,只是分享几段关于它的几个代码实例。

var web = {
  webName:"犀牛前端部落"
}
Object.defineProperty(web, "webName", {
  writable:false,//只读
  value:"antzone"//值
})
web.webName = "js教程";
console.log(web.webName);

上面的代码设置web对象的webName属性是只读的,所以我们通过defineProperty()方法配置了属性的value值为"antzone"之后,我们就不能够再改变此属性值,所以出书值依然是"antzone"。

var web = {
  webName:"犀牛前端部落"
}
Object.defineProperty(web, "webName", {
  configurable:false,
  writable:false,//只读
  value:"antzone"//值
})
Object.defineProperty(web, "webName", {
  writable: true,//只读
})

上面的代码设置configurable:false,规定对象已经配置的属性特性不可重新配置,当我们重新配置writable特性为true的时候会报错。

var web = {
  webName:"犀牛前端部落"
}
Object.defineProperty(web, "webName", {
  configurable:false,
  writable:false,//只读
  value:"antzone"//值
})
Object.defineProperty(web, "webName", {
  enumberable:false
})

上面的代码中,由于原来没有显示的人为配置enumberable特性,所以我们可以配置它。

关于访问器属性可以参阅javascript get和set访问器一章节。

Object.defineProperty()应用代码实例,这样的场景在实际项目中还是用的比较多的,关于Object.defineProperty()应用代码实例就介绍到这了。

Object.defineProperty()应用代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容