雷达智富

首页 > 内容 > 程序笔记 > 正文

程序笔记

初识: 对象的属性特征

2024-09-21 18

1. 前言2. 什么是对象的属性特征3. 灵活控制对象的属性特征4. configurable: false 是单向设置的5. 关于对象的属性特征相关文章推荐

1. 前言


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

const user = { name: 'liang', age: 18 }// 默认情况下,我们可以对定义的对象任意增删改user.height = 180delete user.ageuser.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 属性值修改为 100Object.defineProperty(user, 'name', { value: 100 })

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

// writable 设置为 falseObject.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,但不能修改 enumerableObject.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: trueObject.defineProperty(user, 'name', { configurable: false })// 抛出错误Object.defineProperty(user, 'name', { configurable: true })

5. 关于对象的属性特征相关文章推荐


js中Object.defineProperty()和defineProperties()

更新于:22天前
赞一波!

文章评论

评论问答