时间:2021-07-01 10:21:17 帮助过:13人阅读
JavaScript提供了一个内部数据结构,用于描述对象的值,控制其行为,例如该属性是否可写、是否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为‘属性描述符’。
每个属性都有自己对应的属性描述符,保存该属性的元信息。
{ value:'前端', writable:false, enumerable:true, configurable:false, get:undefined, set:undefined }
对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符
数据描述符是一个具有值的属性,该值可能是可写的,也可能不是可写的。数据描述符具有以下可选键值:
value:该属性对应的值,可以是任何有效的JavaScript值(数值,对象,函数等)。默认为undefined
writable:当该属性的writable为true时,value才能被赋值运算符改变。默认为false
configurable:当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除,默认为false
enumerable:当该属性的enumerable为true时,该属性才能够出现在对象的枚举属性中,默认为false
存取描述符是由getter-setter函数对描述的属性。存取描述符具有以下可选键值:
get:给属性提供getter的方法,如果没有getter则为undefined。当访问该属性时,该方法会被执行,方法执行时没有参数传入,但是会传入this对象
set:给属性提供setter的方法,如果没有setter则为undefined。当属性值修改时,触发执行该方法。该方法将接受唯一参数,即该属性新的参数值。
configurable:当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除,默认为false
enumerable:当该属性的enumerable为true时,该属性才能够出现在对象的枚举属性中,默认为false。
Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。
Object.getOwnPropertyDescriptor(obj,prop)
obj:需要查找的目标对象
prop:目标对象内属性名称(String类型)
返回值:如果指定的属性存在于对象上,则返回其属性描述符对象,否则返回undefined
var obj={} obj.attr='前端'; console.log(Object.getOwnPropertyDescriptor(obj,'attr'));
1.Object.defineProperty()方法为对象定义新属性或修改现有属性,并返回该对象
Object.defineProperty(obj,prop,descriptor);
obj:要在其上定义属性的对象
prop:要定义或修改的属性的名称
descriptor:将传递给函数的对象
返回值:被传递给函数的对象
2.Object.defineProperties()方法为对象定义一个或多个新属性或修改现有属性,并返回该对象
Object.defineProperties(obj,props)
obj:要在其上定义属性的对象
props:要定义其可枚举属性或修改的属性描述符的对象
返回值:被传递给函数的对象
1.value:表示目标属性对应的值。可以是任何有效的JavaScript值(数值,对象,函数等)。默认为undefined
var obj={}; obj.name='张三'; var attr=Object.getOwnPropertyDescriptor(obj,'name'); console.log(attr.value); Object.defineProperty(obj,'name',{value:'李四'}); console.log(obj.name);
2.writable:Boolean值,表示目标属性的值是否可以被修改。当该属性的writable为true时,value才能被赋值运算符改变。默认为false
var obj={}; Object.defineProperty(obj,'attr',{ value:'前端', writable:false }); console.log(obj.attr); obj.attr=100; console.log(obj.attr);
3.configurable:Boolean值,表示目标属性的描述符是否可以修改。当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为false
var obj=Object.definePropety({},'attr',{ value:'大前端', configurable:false }); Object.definePropety(obj,'attr',{value:100}); Object.definePropety(obj,'attr',{writable:true}); Object.definePropety(obj,'attr',{enumerable:true}); Object.definePropety(obj,'attr',{configurable:true});
4.enumerable:Boolean值,表示目标属性是否可遍历。当该属性的enumerable为true时,该属性才能够出现在对象的枚举属性中。默认为false
如果对象的属性的enumerable的值为false,以下三种操作取不到该属性:
for...in语句
Object.keys()方法
JSON.stringify()方法
var obj={}; Object.defineProperty(obj,'attr',{value:'前端',enumerable:false}); for(var key in obj){console.log(key);} console.log(Object.keys(obj)); console.log(JSON.stringify(obj));
对象的属性除了可以直接定义以外,还可以使用存取器进行定义。其中setter为存值函数,使用属性描述符中的set;getter为取值函数,使用属性描述符中的get
var obj=Object.defineProperty({},'attr',{ get:function(){ return '前端'; }, set:function(){ console.log('setter:'+value); } }); console.log(obj.attr); obj.attr=100;
JavaScript中除了上述存取器的写法之外,还提供了以下写法:
var obj={ get attr(){ return '前端'; }, set attr(value){ console.log('setter:'+value); } } console.log(obj.attr); obj.attr=100;
定义的对象默认在任何时候、任何位置,无论有意义的还是无意义的都可以修改对象的属性或方法。
而这些篡改可能会影响对象的内置属性或方法,从而导致对象的正常功能可能无法使用。
1.禁止扩展:禁止为对象扩展新的属性或方法
var obj={}; Object.preventExtensions(obj); obj.attr='前端'; console.log(Object.isExtensible(obj)); console.log(obj.attr);
2.密封对象:禁止扩展新的属性或方法,禁止配置现有的属性或方法的描述符,仅允许读写属性的值
var sealed={}; Object.seal(sealed); Object.isSealed(sealed); Object.isExtensible(sealed);
3.冻结对象:禁止对对象执行任何修改操作
var frozen={1:81}; Object.isFrozen(frozen); Object.freeze(frozen); Object.isFrozen(frozen); Object.isSealed(frozen); Object.isExtensible(frozen);
相关推荐:
JS中Object对象的原型的使用方法
js如何打印object对象_javascript技巧
详解JavaScript中的Object对象 的示例代码
浅谈Javascript中Object与Function对象_javascript技巧
以上就是js中Object对象有哪些?js中object对象使用方法的总结的详细内容,更多请关注Gxl网其它相关文章!