初识: 对象的属性特征
2024-09-21
18
1. 前言2. 什么是对象的属性特征3. 灵活控制对象的属性特征4. configurable: false 是单向设置的5. 关于对象的属性特征相关文章推荐
1. 前言
众所周知,默认情况下我们可以任意对自己定义的对象进行增删改的。但是,在某些情况下,我们不能让别人去随便修改我们定义的对象的属性,那么我们应该怎么处理呢 ?这就需要了解下对象的属性特征了。
const user = { name: 'liang', age: 18 }
// 默认情况下,我们可以对定义的对象任意增删改
user.height = 180
delete user.age
user.name = 'yang'
2. 什么是对象的属性特征
获取对象的某个自有属性的属性描述,也就是属性特征
// 获取对象的自有属性的属性描述
const feature = Object.getOwnPropertyDescriptor(user, 'name')
// 获取对象所有自有属性的属性描述
const featureAll = Object.getOwnPropertyDescriptors(user)
变量 feature 返回值示例:
{
"value":"liang",
"writable":true,
"enumerable":true,
"configurable":true
}
3. 灵活控制对象的属性特征
Object.defineProperty()
方法用于在对象上定义一个新属性或修改一个对象的现有属性
Object.defineProperty(对象, 属性, 属性描述)。属性描述也就是 Object.getOwnPropertyDescriptor 的返回值
// user.name 属性不存在就是新增属性操作,存在就是修改属性操作
Object.defineProperty(user, 'name', { value: "zhangsan" })
属性特征之 value:表示该属性对应的值
// 将 name 属性值修改为 100
Object.defineProperty(user, 'name', { value: 100 })
属性特征之 writable: 表示能否修改属性值 true 能改 false 不能修改
// writable 设置为 false
Object.defineProperty(user, 'name', { writable: false })
// name 不能修改,但是此处修改了
// 在严格模式下会抛出错误
// 虽然在非严格模式不会抛出错误,但也不会修改成功
user.name = 'updated name'
属性特征之 enumerable: 表示是否可以通过 for-in 访问属性, 或通过 Object.keys() 获取
// enumerable 表示属性是否会出现在对象的枚举属性中 false 不在对象的枚举属性中
Object.defineProperty(user, 'name', { enumerable: false })
属性特征之 configurable: 表示属性特征是否能被改变,当为 true 时,属性特征才能被改变,同时该属性也能被删除
// 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() 批量定义属性或修改属性特征
Object.defineProperties(user, {
name: {
value: "maria",
writable: false,
enumerable: false,
configurable: false
},
age: {
value: 20,
writable: false,
enumerable: false,
configurable: false
}
})
4. configurable: false 是单向设置的
// configurable: false 是单向改变的
// 也就是无法再修改为 configurable: true
Object.defineProperty(user, 'name', { configurable: false })
// 抛出错误
Object.defineProperty(user, 'name', { configurable: true })
5. 关于对象的属性特征相关文章推荐
js中Object.defineProperty()和defineProperties()
更新于:22天前赞一波!
相关文章
- 【说站】java泛型方法的特征
- 【说站】python vim中有哪些对象
- JS 函数中的 arguments 类数组对象
- CSS font-family 属性设置字体
- 禁止添加属性、封闭对象、冻结对象的 API
- 对象拷贝: 浅拷贝、深拷贝
- flex 弹性布局常用属性
- 通过工厂函数、构造函数创建对象
- JavaScript Array 对象高阶方法 some、filter、indexOf
- js 遍历数组、对象的几种方式
- 腾讯云对象存储COS及CDN加速配置
- 阿里云对象存储OSS及CDN加速配置
- CSS 边框属性总结
- TP6.0 获取请求对象的五种方式
- Vue2 计算属性 computed【初识】
- PHP对象传值 - 引用传值
- Vue 指令之v-bind指令绑定属性
- v-bind 绑定 class、style 属性
- 七牛云对象存储KoDo及CDN加速配置
- .NET C# new一个对象产生多少字节?
文章评论
评论问答