[TOC] #### 1. 前言 --- 众所周知，默认情况下我们可以任意对自己定义的对象进行增删改的。但是，在某些情况下，我们不能让别人去随便修改我们定义的对象的属性，那么我们应该怎么处理呢 ？这就需要了解下对象的属性特征了。 ```javascript const user = { name: 'liang', age: 18 } // 默认情况下，我们可以对定义的对象任意增删改 user.height = 180 delete user.age user.name = 'yang' ``` #### 2. 什么是对象的属性特征 --- 获取对象的某个自有属性的属性描述，也就是属性特征 ```javascript // 获取对象的自有属性的属性描述 const feature = Object.getOwnPropertyDescriptor(user, 'name') // 获取对象所有自有属性的属性描述 const featureAll = Object.getOwnPropertyDescriptors(user) ``` 变量 feature 返回值示例： ```json { "value":"liang", "writable":true, "enumerable":true, "configurable":true } ``` #### 3. 灵活控制对象的属性特征 --- `Object.defineProperty()` 方法用于在对象上定义一个新属性或修改一个对象的现有属性 Object.defineProperty(对象, 属性, 属性描述)。属性描述也就是 Object.getOwnPropertyDescriptor 的返回值 ``` // user.name 属性不存在就是新增属性操作，存在就是修改属性操作 Object.defineProperty(user, 'name', { value: "zhangsan" }) ``` **属性特征之 value：表示该属性对应的值** ```javascript // 将 name 属性值修改为 100 Object.defineProperty(user, 'name', { value: 100 }) ``` **属性特征之 writable: 表示能否修改属性值 true 能改 false 不能修改** ```javascript // writable 设置为 false Object.defineProperty(user, 'name', { writable: false }) // name 不能修改,但是此处修改了 // 在严格模式下会抛出错误 // 虽然在非严格模式不会抛出错误,但也不会修改成功 user.name = 'updated name' ``` **属性特征之 enumerable: 表示是否可以通过 for-in 访问属性, 或通过 Object.keys() 获取** ```javascript // enumerable 表示属性是否会出现在对象的枚举属性中 false 不在对象的枚举属性中 Object.defineProperty(user, 'name', { enumerable: false }) ``` **属性特征之 configurable: 表示属性特征是否能被改变，当为 true 时，属性特征才能被改变，同时该属性也能被删除** ```javascript // configurable: false 代表属性特征不能被修改了 Object.defineProperty(user, 'name', { configurable: false }) // 注意: 设置了 configurable: false，可以设置 value 和 writable，但不能修改 enumerable Object.defineProperty(user, 'name', { value: 120 }) Object.defineProperty(user, 'name', { writable: false }) // 因为上面定义了 configurable: false，所以在修改属性特征会报错 Object.defineProperty(user, 'name', { enumerable: false }) // 因为上面定义了 configurable: false，所以无法删除属性 // 在非严格模式下删除属性不会抛出错误，但在严格模式下删除属性时会抛出错误 delete user.name ``` 补充: 可以使用 Object.defineProperties() 批量定义属性或修改属性特征 ```javascript Object.defineProperties(user, { name: { value: "maria", writable: false, enumerable: false, configurable: false }, age: { value: 20, writable: false, enumerable: false, configurable: false } }) ``` #### 4. configurable: false 是单向设置的 --- ```javascript // configurable: false 是单向改变的 // 也就是无法再修改为 configurable: true Object.defineProperty(user, 'name', { configurable: false }) // 抛出错误 Object.defineProperty(user, 'name', { configurable: true }) ``` #### 5. 关于对象的属性特征相关文章推荐 --- [js中Object.defineProperty()和defineProperties()](http://t.zoukankan.com/lc-ant-p-9025430.html "js中Object.defineProperty()和defineProperties()")