JavaScript中的属性描述符(Property Descriptors)有哪些实用技巧？-js教程-PHP中文网

JavaScript中的属性描述符(Property Descriptors)有哪些实用技巧？

狼影

发布： 2025-10-13 21:33:06

原创

849人浏览过

使用writable: false可创建只读属性，防止修改，适合常量；2. 设置enumerable: false使属性不可枚举，隐藏于Object.keys()；3. 通过get/set实现数据校验与计算，避免直接读写导致递归。

javascript中的属性描述符(property descriptors)有哪些实用技巧？

JavaScript中的属性描述符不仅能控制属性的行为，还能提升代码的安全性和灵活性。通过Object.defineProperty或Object.defineProperties，我们可以精细地管理对象属性。以下是几个实用技巧，帮助你在实际开发中更好地利用属性描述符。

1. 创建不可变属性（只读）

使用writable: false可以防止属性值被修改，适合定义常量或配置项。

说明：一旦设置writable: false，尝试赋值不会报错，但也不会生效（非严格模式下）。

示例：

const config = {};
Object.defineProperty(config, 'API_URL', {
  value: 'https://api.example.com',
  writable: false,
  enumerable: true,
  configurable: false
});
config.API_URL = 'https://hacked.com'; // 无效
console.log(config.API_URL); // 输出: https://api.example.com

登录后复制

2. 隐藏属性不被枚举

设置enumerable: false可以让属性在for...in循环或Object.keys()中不可见，适合内部状态或调试信息。

立即学习“Java免费学习笔记（深入）”；

说明：该属性依然可以通过直接访问获取，只是不会出现在枚举操作中。

巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型，精准解析招标文件，智能生成投标内容。

查看详情

示例：

const user = { name: 'Alice' };
Object.defineProperty(user, '_id', {
  value: 12345,
  enumerable: false,
  writable: true
});
console.log(Object.keys(user)); // ['name']，不包含 '_id'

登录后复制

3. 使用getter和setter进行数据校验或计算

通过get和set可以拦截属性的读写操作，实现自动验证、格式化或依赖更新。

说明：不要在getter/setter中直接读写同一属性名，避免无限递归。

示例：

let person = {};
Object.defineProperty(person, 'age', {
  get() {
    return this._age;
  },
  set(value) {
    if (typeof value !== 'number' || value < 0) {
      throw new Error('年龄必须是正数');
    }
    this._age = value;
  }
});
person.age = 25; // 正常
// person.age = -5; // 抛错

登录后复制

4. 防止属性被删除或重新配置

设置configurable: false后，属性不能被删除，也不能再用defineProperty修改描述符。

说明：一旦设为false，无法恢复为true，属于单向锁定。

示例：

const obj = {};
Object.defineProperty(obj, 'secret', {
  value: 'hidden',
  configurable: false
});
delete obj.secret; // 失败（非严格模式下静默失败）
// Object.defineProperty(obj, 'secret', { enumerable: true }); // 报错

登录后复制

基本上就这些。合理使用属性描述符，能让你的对象更安全、更可控，尤其在构建库或框架时非常有用。关键是理解每个字段的作用，并注意它们之间的组合限制。

以上就是JavaScript中的属性描述符(Property Descriptors)有哪些实用技巧？的详细内容，更多请关注php中文网其它相关文章！