JavaScript面向对象 - Object类型（一） - 操作对象的属性

操作对象的属性

属性描述符

JavaScript提供了-个内部数据结构，用于描述对象的值，控制其行为，例如该属性是否可写、否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为“属性描述符”。

每个属性都有自己对应的属性描述符，保存该属性的元信息。

• value：设置属性值，默认值为 undefined。
• writable：设置属性值是否可写，默认值为 true。
• enumerable：设置属性是否可枚举，即是否允许使用 for/in 语句或 Object.keys() 函数遍历访问，默认为 true。
• configurable：设置是否可设置属性特性，默认为 true。如果为 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时，该属性描述符才能被改变，同时该属性也能从对应的对象上被删除。
• enumerable:当且仅当该属性的enumerable为true时，该属性才能够出现在对象的枚举属性中。默认为false。

获取属性描述符

Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。

Object.getOwnPropertyDescriptor(obj,prop)

• obj：需要查找的目标对象。
• prop：目标对象内属性名称（String类型）。
• 返回值：如果指定的属性存在于对象上，则返回其属性描述符对象，否则返回undefined。
  注意：如果该方法的第一个参数不是对象，会报错（TypeError）。

设置属性描述符

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.p = 123;

var attr = Object.getOwnPropertyDescriptor(obj,'p');
console.log(attrd.value);//  123

Object.defineProperty(obj,'p',{value:246});
console.log(obj.p)// 246

说明：直接定义对象的属性，该属性既可以读取，也可以修改。

2. writable ：Boolean值，表示目标属性的值是否可以被修改。当且仅当该属性的writable为true时，value才能被赋值运算符改变。默认为false。

var obj = {}

Object.defineProperty(obj,'attr',{
	value:'check',
	writable:false
});

console.log(obj.attr);//  check
obj.attr = 100;
console.log(obj.attr);//  check

3. configurable ：Boolean值，表示目标属性的描述符是否可以被修改。当且仅当该属性的configurable为true时，该属性描述符才能够被改变，同时该属性也能从对应的对象上被删除。
   默认值为false。

var obj = Object.defineProperty({},'attr',{
	value:'喵',
	configurable:false
});

//TypeError:Cannot redefine property:attr
Object.defineProperty(obj,'attr',{value:100});
Object.defineProperty(obj,'attr',{writable:true});
Object.defineProperty(obj,'attr',{enumerable:true});
Object.defineProperty(obj,'attr',{configurable:true});

4. enumerable : Boolean值，表示目标属性是否可遍历。当且仅当该属性的enumerable为true时，该属性才能够出现在对象的枚举属性中。默认为false。
   如果对象的属性的enumerable的值为false，以下三种操作取不到该属性：
   （1）for…in 语句
   （2）Object.keys() 方法
   （3）JSON.stringify() 方法

var obj = {};
Object.defineProperty(obj,'attr',{value:'喵',enumreable: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(value){
		console.log('setter' + value);
	}
});

console.log(obj.attr);//'喵'
obj.attr = 100;// "setter:100"

var obj = {
    get attr(){
        return '喵';
    },
    set attr(value){
        console.log('setter:' + value);
    }
}

console.log(obj.attr); //  喵
obj.attr = 100; //  setter:100