属性类型

ES5定义了内部才用的特性时，描述了属性的各种特征。ES5定义这些特征是为了实现 JavaScript 引擎用的，因此在 JavaScript 中不能直接访问它们。为了表示特性时内部值，该规范把他们放在了两对中括号中，例如 [[Enumerable]]。

ECMAScript 中有两种属性：数据属性和访问器属性。

数据属性

数据属性包含一个数据值的位置，在这个位置可以读取和写入值。数据属性有4个描述其行为的特性：

创建一个 属性 为 name，属性值 为 小明 的 student 对象

const student = { 	name: '小明' } 

这里 name 的属性值为 小明， 也就是说 name 的 [[Value]] 特性被设置成 '小明', 而对这个值的任何修改都将反映到这个位置上

要修改属性默认的特性，只能使用 Object.defineProperty() 方法。

这个方法接收三个参数：属性所在的对象，属性名，和配置对象。

其中配置对象的属性值为：

• configurable
• enumerable
• writable
• value

将对象 student 的属性 name 的特性修改为不可删除的，可以通过 Object.defineProperty() 方法实现：

const student = { 	name: '小明', 	age: 22 } Object.defineProperty(student, 'name', { 	// 默认为true，当值为false时，该属性不可以被 delete 删除 	configurable: false })  delete student.age console.log(student)	// { name: '小明' }  delete student.name		// 严格模式下会抛出错误，非严格模式下会被忽略 console.log(student)	// { name: '小明' } 

将对象 student 的属性 sex 配置为不可被枚举的代码：

const student = { 	name: '小明', 	age: 22, 	sex: '男' } 			 for (const prop in student) { 	console.log(prop)		// name age sex } 			 Object.defineProperty(student, 'sex', { 	enumerable: false }) 			 for (const prop in student) { 	console.log(prop)		// name age } 

将对象 student 的属性 name 改为只读的：

const student = { 	name: '小明' }  Object.defineProperty(student, 'name', { 	writable: false })  student.name = '小红'	// 严格模式下会抛出错误，非严格模式下会被忽略 console.log(student.name)	// 小明 

访问器属性

访问器属性不包含数据值，它们包含一对 getter 和 setter 函数（它们不是必需的）

在读取访问器属性时，会调用 getter 函数，这个函数负责返回有效的值

在写入访问器属性时，会调用 setter 函数并传入新的值，这个函数负责决定如何处理数据

访问器属性有以下4个特性：

访问器属性的前面时下划线，表示只能通过对象方法访问的属性，下面代码的访问器属性 birthday 中包含了一对 getter 和 setter 函数。

getter 函数返回 _birthday 的值，setter 函数通过计算来确定正确的版本。因此，把 birthday 属性修改为 '1999/04/22' 会导致 _birthday 变成 '1999/04/22'，而 age 变为 22.

这是使用访问器属性的常见方式，即设置一个属性的值会导致其他的属性值发生变化。

const student = { 	name: '小明', 	age: 0, 	_birthday: '' }  Object.defineProperty(student, 'birthday', { 	get: function(){ return this._birthday }, 	set: function(val){ 		this._birthday = val 		this.age = new Date().getFullYear() - new Date(val).getFullYear() 	} })  student.birthday = '1999/04/22'  console.log(student)		// {name: "小明", age: 22, _birthday: "1999/04/22"} 

不一定非要同使指定 getter 和 setter。 只指定 getter 意味着属性是不能写入的，尝试写入属性会被忽略。在严格模式下，尝试写入指定了 getter 函数的属性会抛出错误。 类似地，只指定 setter 函数的属性页不能读取，否则会抛出 undefine，在严格模式下会抛出错误。

定义多个属性

由于为对象定义多个属性的可能性很大，可以通过 Object.defineProperties() 方法来一次定义多个属性，具体代码如下：

const student = {}  Object.defineProperties(student, { 	name: { 		value: '小明' 		// 以下被注释的代码不写则属性值默认为 false 		// configurable: true, 		// enumerable: true, 		// writable: true 	}, 	age: { 		value: 0, 		writable: true 	}, 	_birthday: { 		value: '', 		writable: true 	}, 	birthday: { 		get: function() { return this._birthday }, 		set: function(val) { 			this._birthday = val 			this.age = new Date().getFullYear - new Date(val).getFullYear() 		} 	} }) 	 student.birthday = '1999/04/22' console.log(student)	// {name: "小明", age: NaN, _birthday: "1999/04/22"} 

读取属性的特性

想要读取属性的特性，可以通过 Object.getOwnPropertyDescriptor() 方法，获取 刚才以上的 student 属性特性的代码如下：

const descName = Object.getOwnPropertyDescriptor(student, 'name') console.log(descName) // {value: "小明", writable: false, enumerable: false, configurable: false}  const descAge = Object.getOwnPropertyDescriptor(student, 'age') console.log(descAge) // {value: 22, writable: true, enumerable: false, configurable: false}  const descBirth1 = Object.getOwnPropertyDescriptor(student, 'birthday') console.log(descBirth1) // {get: ƒ, set: ƒ, enumerable: false, configurable: false}  const descBirth2 = Object.getOwnPropertyDescriptor(student, '_birthday') console.log(descBirth2) // {value: "1999/04/22", writable: true, enumerable: false, configurable: false}