属性形貌符

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