图解JavaScript对象属性四个特性

最新推荐文章于 2025-02-03 00:15:00 发布

原创最新推荐文章于 2025-02-03 00:15:00 发布 · 267 阅读

CC 4.0 BY-SA版权

文章标签：

13 篇文章

订阅专栏

博客介绍了JavaScript对象属性除属性名和值外，还有可写性、可枚举性和可配置性等特性。通过模拟重污染工厂用水与排污系统模型，类比帮助理解这些特性，还提及检测对象属性特性的方法，对开发健壮的库有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript中的对象属性除了有属性名和属性值，还包括其它有意义的特性，比如可写性、可枚举性和可配置性，还有setter和getter特性，这些特性对开发健壮的库非常有帮助。

我在上图中简单模拟了一处疑似重污染工厂的用水与排污系统模型，通过类比可视化帮助我理解JavaScript对象属性的4个特性：

回到JavaScript中，假设有对象factories，表示全部重污染工厂的集合：

var factories = {}

一家名为sb-1的污染工厂进入相关部门监控范围，于是在factories中加入新属性：

Object.defineProperty(factories, 'sb-1', {
  writable: true,
  enumerable: true,
  configurable: true
})

除了上面作为例子的1号污染工厂sb-1，还有2号、3号、4号等等都在相关部门监管范围内。相关部门开始查水表，只需遍历factories，如果检测到属性值为"污水"触发警报：

for(let factory in factories){
  console.log(`即将查工厂“${factory}`”的水表) // 即将查工厂“sb-1”的水表
  check(factories[factory]) // 嘟嘟嘟！污水！限期整改！
}

查水表的前提条件是：工厂的水表必须是正在运行中。

sb-1工厂向环境中排放未过滤污水，为了绕过审查，将工厂水表关掉了：

Object.defineProperty(factories, 'sb-1', {
  value: "污水"
  enumerable: false,
})

这样一来，相关部门再次遍历factories中的所有工厂，不在审查工厂sb-1，厂长得意地笑了，小聪明也。

相关部门也不是吃素的，立即采取措施，审查组到污染工厂将排污阀门关闭，整改1个月：

Object.defineProperty(factories, 'sb-1', {
  writable: false
})

这下，sb-1工厂一个月不能再写脏了，厂长有小聪明吖，偷偷把排污阀门又打开了：

Object.defineProperty(factories, 'sb-1', {
  writable: true
})

这一次相关部门被惹怒，没手软，果断出手整治，污染工厂直接歇菜：

Object.defineProperty(factories, 'sb-1', {
  enumerable: false,
  writable: false,
  configurable: false
})

水表关闭；排污阀门关闭。总控台一旦被断电，重污染工厂关门大吉。

相关部门要批量关闭多个污染工厂，会这样做：

Object.defineProperties(factories, {
  'sb-1':{configurable: flase},
  'sb-2':{configurable: flase},
  'sb-3':{configurable: flase}
})

另外，getter和setter也属于属性特性，它们是函数：

Object.defineProperty(factories, 'sb-1', {
  get: function(){
    return '污水'
  },
  set: function(){},
  writable: false,
  configurable: false
})

如果工厂将getter函数的算法设计为：
当水源被检测时返回（排出）"净水"，当未被检测时返回（排出）"污水"，emmmm？？？

检测对象属性特性可以使用Object.getOwnPropertyDescriptor()，第一个参数传入对象，第二个参数传入要查询的属性名：

Object.getOwnPropertyDescriptor(factories, "sb-1")

现实世界里，工厂正将污水肆无忌惮地排入河里；
虚拟世界里，喷子和键盘侠们正在网络里捍卫“正义”。

原创作者：帅华君