当你需要确保 JavaScript 中的属性只读时，你可以通过几种方法来实现。下面将介绍几种不同的示例代码，从简单到复杂，以及它们的实现方式和应用场景。

1. 简单的示例：使用 Object.defineProperty()

const obj = {};

// 使用Object.defineProperty()定义只读属性
Object.defineProperty(obj, 'readOnlyProp', {
  value: '只读值',
  writable: false, // 设置为false表示只读
});

console.log(obj.readOnlyProp); // 输出 '只读值'
obj.readOnlyProp = '新的值'; // 这里会导致 TypeError: Cannot assign to read only property 'readOnlyProp' of object

说明： Object.defineProperty() 方法允许精确地定义对象属性。通过将writable属性设置为false，可以确保属性为只读。

2. 使用ES6 的get方法

const obj = {
  _readOnlyProp: '只读值',
  get readOnlyProp() {
    return this._readOnlyProp;
  }
};

console.log(obj.readOnlyProp); // 输出 '只读值'
obj.readOnlyProp = '新的值'; // 这里无法更改只读属性

说明： 在这个例子中，使用了 ES6 的 getter 方法，通过返回预先定义的只读值来确保属性只读。

3. 使用Proxy对象

const readOnlyHandler = {
  set(target, property, value) {
    throw new Error(`Cannot set read-only property '${property}'`);
  }
};

const obj = new Proxy({}, readOnlyHandler);
obj.readOnlyProp = '只读值'; // 这里会抛出 Error: Cannot set read-only property 'readOnlyProp'

说明： Proxy对象允许你创建一个代理对象，可以拦截并重定义基本操作，如设置属性值。在这个示例中，我们定义了一个拦截器，当试图设置只读属性时，会抛出一个错误。

4. 使用Object.freeze()

const obj = {
  readOnlyProp: '只读值'
};

Object.freeze(obj); // 冻结对象，使所有属性只读

obj.readOnlyProp = '新的值'; // 这里不会改变只读属性

console.log(obj.readOnlyProp); // 输出 '只读值'

说明： Object.freeze() 方法冻结一个对象，使其属性不可修改、删除或添加。这样就确保了对象的属性是只读的。

总结

• Object.defineProperty()：对于单个属性的设置，具有很高的灵活性，可以设置多个属性特性。
• get方法：适用于简单的只读属性，使用起来简单明了。
• Proxy对象：提供了更强大的拦截能力，可以拦截更多类型的操作，适用于复杂的场景。
• Object.freeze()：适用于冻结整个对象，确保对象及其属性都是只读的。

根据你的需求和场景的复杂程度，选择适合的方法来保护你的属性只读。