浅析ECMAScript中对象的两种属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅析ECMAScript中对象的两种属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1992字，纯文字阅读大概需要3分钟。

内容图文

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中对象的两种属性的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的浅析ECMAScript中对象的两种属性全部内容，希望文章能够帮你解决浅析ECMAScript中对象的两种属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---