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()应用代码实例属于前端实例代码,有关更多实例代码大家可以查看。