js之Object.defineProperty()

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、

Object.defineProperty( 指定对象，“添加或修改的属性（用引号）”，{ 属性描述 } )

属性描述包含以下：

1.configurable:表示能否通过delete删除属性从而重新定义属性，能否修改属性，或者能否把属性修改为访问器属性，默认值为false。

let person = {
	name:'wyy',
	age:18,
	sex:'男'
}

Object.defineProperty(person, 'age', {
	value:22,
	writable:false  ,
	// enumerable:true,// 可以遍历，### 这个设置为true的时候才能使用configurable删除或不写 ###
	configurable:true ,// 当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变，
                        // 	同时该属性也能从对应的对象上被删除。默认为 false。
})

delete person.age
console.log(person);

2.enumerable：表示能否通过for in循环访问属性，默认值为false

let person = {
	name:'wyy',
	age:18,
	sex:'男'
}

Object.defineProperty(person, 'age', {
	value:22,
	writable:false  ,// age不可修改
	enumerable:false
})
for (let i in person) {
	console.log(i);
}
// 输出：name  sex两个键，age不能遍历

3.writable：表示能否修改等属性的值。默认值为false。

let person = {
	name:'wyy',
	age:18,
	sex:'男'
}
Object.defineProperty(person, 'age', {
	value:22,
	writable:false  // age不可修改
})
person.age=35  //已经禁止写入了 
console.log(person.age); // 输出：22

4.value：包含这个属性的数据值。默认值为undefined。不参与遍历枚举

let person = {
	name:'wyy',
	age:18,
	sex:'男'
}
Object.defineProperty(person, 'age', {
	value:22
})

console.log(person.age);  // 输出：22

5.get和set,当使用了getter或setter方法，不允许使用writable和value这两个属性。

set：
它是一个函数，为该属性赋值时会自动调用，并且新值会被当做参数传入。

let person = {
	name: 'wyy',
	age: 18,
	sex: '男'
}

Object.defineProperty(person, 'age', {
	// value: 22,
	// writable: true,
	enumerable:true,// 可以遍历，这个设置为true的时候才能使用configurable删除或不写
	configurable: true, // 当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变，
	 // 	同时该属性也能从对应的对象上被删除。默认为 false。
	get() {
		return person._age
	},
	set(val) {		
		person._age = val+1 // 这里的val相当于下面设置的新值11
	}
})

person.age=11  // 修改设置赋值时，会自动调用setter，所以输出12
console.log(person.age);  // 调用getter  输出： 12

用到了 Object.definePropety 使用get和set过程中，报错 Maximum call stack size exceeded 翻译为： 超出了最大调用堆栈大小 。

这是因为，当打印person.age 的时候，触发了 访问器属性 getter ，而 get 里面会返回 person.age，程序遇到这个 person.age 后，要去获取这个变量里面的值，就又一次的触发了 访问器属性 getter ，如此递归下去，没有终止条件，最后超出堆栈限制报错。
只需要设置一个新变量_age就行了，会自动绑定age即:person.age===person._age