JavaScript 中 ES6 类的属性字段怎么设置只读权限-js教程-PHP中文网

es6中实现只读属性推荐使用私有字段+#id配合getter，或object.defineproperty设writable:false，也可用weakmap闭包封装；不推荐仅靠命名约定。

javascript 中 es6 类的属性字段怎么设置只读权限

ES6 类本身不支持直接用 readonly 关键字声明只读属性（那是 TypeScript 的语法），JavaScript 原生中需借助语言特性模拟只读行为。核心思路是：**不让外部修改，但允许内部初始化和使用**。

使用私有字段 + getter（推荐，现代写法）

ES2022 引入了私有字段（#name），配合仅提供 getter 的公有访问器，可实现真正运行时的只读保障：

class Person {
  #id;
  constructor(id, name) {
    this.#id = id; // ✅ 内部可赋值
    this.name = name;
  }
  get id() {
    return this.#id; // ✅ 只暴露读取
  }
  // 没有 set id() → 外部无法赋值
}

const p = new Person(123, 'Alice');
console.log(p.id);     // 123
p.id = 456;          // ❌ 静默失败（非严格模式）或报错（严格模式）

优点：私有字段不可被外部访问或篡改，getter 是唯一出口，语义清晰、安全性高。

使用 Object.defineProperty 配合 writable: false

在构造函数中为实例属性定义不可写的描述符：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

适用于需要挂载在 this 上的公有属性（非私有）
注意：仅阻止赋值，不阻止删除（除非同时设 configurable: false）

class Product {
  constructor(name, price) {
    this.name = name;
    // 将 price 设为只读属性
    Object.defineProperty(this, 'price', {
      value: price,
      writable: false,
      enumerable: true,
      configurable: false // 防止被 delete 或重新定义
    });
  }
}

const item = new Product('Book', 29.9);
console.log(item.price); // 29.9
item.price = 39.9;       // ❌ 无效（严格模式下报 TypeError）
delete item.price;       // ❌ 失败（因 configurable: false）

使用闭包 + WeakMap（兼容老环境）

适合需支持 ES5/ES6 且要强封装的场景，利用闭包隐藏数据，WeakMap 存储私有值：

const _counter = new WeakMap();

class Counter {
  constructor(initial = 0) {
    _counter.set(this, { value: initial });
  }
  get value() {
    return _counter.get(this).value;
  }
  // 不提供 setter → 外部只读
  increment() {
    _counter.get(this).value++;
  }
}

缺点：调试不便、内存管理依赖 WeakMap 特性，现代项目中优先用私有字段。