如何让JavaScript自动为对象赋值？设置value1时自动生成同值value2

方法一：使用Proxy拦截赋值操作 #

Proxy可以灵活拦截对象的属性赋值行为，当设置value1时自动同步value2，设置value2时则正常处理：

const obj = new Proxy({}, {
  set(target, prop, value) {
    target[prop] = value;
    if (prop === 'value1') {
      target.value2 = value;
    }
    return true;
  }
});

// 测试验证
obj.value1 = "text1";
console.log(obj.value2); // 输出 "text1"

obj.value2 = "text2";
console.log(obj.value1); // 输出 "text1"，修改value2不影响value1

工作原理：Proxy的set陷阱会在给对象属性赋值时触发，当检测到赋值的属性是value1，就同时给value2赋予相同值，确保两者同步；而直接修改value2时不会触发额外逻辑，保留独立赋值的能力。

方法二：使用闭包+访问器属性（get/set） #

如果不想用Proxy，可以通过闭包存储私有值，配合对象的访问器属性实现需求：

function createSyncObject() {
  let _value1 = '';
  let _value2 = '';

  return {
    get value1() {
      return _value1;
    },
    set value1(val) {
      _value1 = val;
      _value2 = val; // 同步更新value2的私有值
    },
    get value2() {
      return _value2;
    },
    set value2(val) {
      _value2 = val; // 仅更新自身私有值，不影响value1
    }
  };
}

const obj = createSyncObject();

// 测试验证
obj.value1 = "text1";
console.log(obj.value2); // 输出 "text1"

obj.value2 = "text2";
console.log(obj.value1); // 输出 "text1"

为什么直接用get/set可能失败？ #

如果之前尝试的get/set写法是直接操作对象自身属性（比如this.value1 = val），会导致无限递归调用setter，因为赋值this.value1会再次触发value1的setter。必须用独立的私有变量（比如闭包里的_value1、_value2）来存储实际值，避免循环触发。

内容的提问来源于stack exchange，提问作者Ukus