0
点赞
收藏
分享

微信扫一扫

初识: 对象的属性特征


初识: 对象的属性特征_java

1. 前言
2. 什么是对象的属性特征
3. 灵活控制对象的属性特征
4. configurable: false 是单向设置的
 

1. 前言

众所周知,默认情况下我们可以任意对自己定义的对象进行增删改的。但是,在某些情况下,我们不能让别人去随便修改我们定义的对象的属性,那么我们应该怎么处理呢 ?这就需要了解下对象的属性特征了。


1. ​​const user = { name: 'liang', age: 18 }​​
2.
3. ​​// 默认情况下,我们可以对定义的对象任意增删改​​
4. ​​user.height = 180​​
5. ​​delete user.age​​
6. ​​user.name = 'yang'​​

2. 什么是对象的属性特征

获取对象的某个自有属性的属性描述,也就是属性特征



1. ​​// 获取对象的自有属性的属性描述​​
2. ​​const feature = Object.getOwnPropertyDescriptor(user, 'name')​​
3.
4. ​​// 获取对象所有自有属性的属性描述​​
5. ​​const featureAll = Object.getOwnPropertyDescriptors(user)​​

变量 feature 返回值示例:


1. ​​{​​
2. ​​"value":"liang",​​
3. ​​"writable":true,​​
4. ​​"enumerable":true,​​
5. ​​"configurable":true​​
6. ​​}​​

3. 灵活控制对象的属性特征

​Object.defineProperty()​​ 方法用于在对象上定义一个新属性或修改一个对象的现有属性

Object.defineProperty(对象, 属性, 属性描述)。属性描述也就是 Object.getOwnPropertyDescriptor 的返回值

1. ​​// user.name 属性不存在就是新增属性操作,存在就是修改属性操作​​
2. ​​Object.defineProperty(user, 'name', { value: "zhangsan" })​​

属性特征之 value:表示该属性对应的值


1. ​​// 将 name 属性值修改为 100​​
2. ​​Object.defineProperty(user, 'name', { value: 100 })​​

属性特征之 writable: 表示能否修改属性值 true 能改 false 不能修改


1. ​​// writable 设置为 false​​
2. ​​Object.defineProperty(user, 'name', { writable: false })​​
3.
4. ​​// name 不能修改,但是此处修改了​​
5. ​​// 在严格模式下会抛出错误​​
6. ​​// 虽然在非严格模式不会抛出错误,但也不会修改成功​​
7. ​​user.name = 'updated name'​​

属性特征之 enumerable: 表示是否可以通过 for-in 访问属性, 或通过 Object.keys() 获取


1. ​​// enumerable 表示属性是否会出现在对象的枚举属性中 false 不在对象的枚举属性中​​
2. ​​Object.defineProperty(user, 'name', { enumerable: false })​​

属性特征之 configurable: 表示属性特征是否能被改变,当为 true 时,属性特征才能被改变,同时该属性也能被删除


1. ​​// configurable: false 代表属性特征不能被修改了​​
2. ​​Object.defineProperty(user, 'name', { configurable: false })​​
3.
4. ​​// 注意: 设置了 configurable: false,可以设置 value 和 writable,但不能修改 enumerable​​
5. ​​Object.defineProperty(user, 'name', { value: 120 })​​
6. ​​Object.defineProperty(user, 'name', { writable: false })​​
7.
8. ​​// 因为上面定义了 configurable: false,所以在修改属性特征会报错​​
9. ​​Object.defineProperty(user, 'name', { enumerable: false })​​
10.
11. ​​// 因为上面定义了 configurable: false,所以无法删除属性​​
12. ​​// 在非严格模式下删除属性不会抛出错误,但在严格模式下删除属性时会抛出错误​​
13. ​​delete user.name​​

补充: 可以使用 Object.defineProperties() 批量定义属性或修改属性特征



1. ​​Object.defineProperties(user, {​​
2. ​​name: {​​
3. ​​value: "maria",​​
4. ​​writable: false,​​
5. ​​enumerable: false,​​
6. ​​configurable: false​​
7. ​​},​​
8. ​​age: {​​
9. ​​value: 20,​​
10. ​​writable: false,​​
11. ​​enumerable: false,​​
12. ​​configurable: false​​
13. ​​}​​
14. ​​})​

4. configurable: false 是单向设置的


    1. ​​// configurable: false 是单向改变的​​
    2. ​​// 也就是无法再修改为 configurable: true​​
    3. ​​Object.defineProperty(user, 'name', { configurable: false })​​
    4.
    5. ​​// 抛出错误​​
    6. ​​Object.defineProperty(user, 'name', { configurable: true })​​

    举报

    相关推荐

    0 条评论