首页 >web前端 >js教程 >js中Object对象有哪些？js中object对象使用方法的总结

js中Object对象有哪些？js中object对象使用方法的总结

不言原创: 2018-08-15 14:37:102931浏览

本篇文章给大家带来的内容是关于js中Object对象有哪些？js中object对象使用方法的总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

属性描述符

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);