js定义只读属性

const obj = {};

Object.defineProperty(obj, 'readOnlyProp', {
  value: '这是一个只读属性',
  writable: false, // 设置为只读
  enumerable: true, // 可枚举
  configurable: false // 不可配置，即不能删除也不能重新定义
});

console.log(obj.readOnlyProp); // 输出: 这是一个只读属性

// 尝试修改属性值
obj.readOnlyProp = '尝试修改';
console.log(obj.readOnlyProp); // 仍然输出: 这是一个只读属性

const obj = {
  _readOnlyProp: '这是一个只读属性'
};

Object.defineProperty(obj, 'readOnlyProp', {
  get: function() {
    return this._readOnlyProp;
  },
  enumerable: true,
  configurable: false
});

console.log(obj.readOnlyProp); // 输出: 这是一个只读属性

// 尝试修改属性值
obj.readOnlyProp = '尝试修改'; // 这行代码不会有任何效果
console.log(obj.readOnlyProp); // 仍然输出: 这是一个只读属性

const handler = {
  get(target, prop) {
    return target[prop];
  },
  set(target, prop, value) {
    // 忽略设置操作
    console.log(`尝试修改${prop}属性，但该属性是只读的。`);
    return true; // 返回true以避免抛出TypeError
  }
};

const obj = { readOnlyProp: '这是一个只读属性' };
const proxyObj = new Proxy(obj, handler);

console.log(proxyObj.readOnlyProp); // 输出: 这是一个只读属性

// 尝试修改属性值
proxyObj.readOnlyProp = '尝试修改'; // 控制台输出: 尝试修改readOnlyProp属性，但该属性是只读的。
console.log(proxyObj.readOnlyProp); // 仍然输出: 这是一个只读属性