ecmascript对象有两种属性,分别为数据属性和访问器属性,接下来我们就分别对着两种属性进行分析。
1、数据属性
数据属性包含一个数据值的位置。这个位置可以读取和写入值。数据属性有4个描述其行为的特性。
[ [ Configurable ] ] 表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问属性。默认为true
[ [ Enumerable] ] 表示能否通过for-in循环返回属性。默认为true
[ [ Writable ] ] 表示能否修改属性的值。默认为true
[ [ Value ] ] 包含这个属性的属性值。读取属性的时候,从这个位置读取,写入属性的时候,把新值保存在这个位置。默认为undefined
eg:
var p = {};Object.defineProperty(p, "name", { writable: false, value: 'nihao' })
登录后复制
2、访问器属性
访问器属性不包含数据值,他们包含一对儿getter和setter函数(不过,这两个函数都不是必须的)在读取访问器属性的时候会调用getter函数,这个函数负责返回有效的值。在写入访问器属性是,会调用setter函数并传入新值,这个函数负责决定如何处理数据
[ [ Configurable ] ] 表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问属性。默认为true
[ [ Enumerable] ] 表示能否通过for-in循环返回属性。默认为true
[ [ Get ] ] 在读取属性时调用的函数,默认为undefined
[ [ Set ] ] 在写入属性时调用的函数,默认为undefined
eg:
var p = {get: 0};Object.defineProperty(p, "name", { get: function (){ console.log('get'); return this.get; }, set: function (newVal) { console.log('set'); this.get = newVal; }})
登录后复制
3、读取属性的特性
Object.getOwnPropertyDescriptor(属性所在的对象, 属性名称);
返回值是一个对象,访问属性configurable 、enumerable、get、set四个属性,
如果是数值属性,返回的对象属性有configurable 、enumerable、writable、value四个属性
备注:
Object.defineProperties()函数可以定义多个属性
eg:
var p = {get: 0};Object.defineProperties(p, {"name", { get: function (){ console.log('get'); return this.get; }, set: function (newVal) { console.log('set'); this.get = newVal; }}, "age": { writable: true, value: 11 }})
登录后复制
相关推荐:
ECMAScript 5中的属性描述符详解_基础知识
以上就是浅析ECMAScript中对象的两种属性的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2745900.html