如何实现JavaScript中object2的nextString同步object1的originalString变更？

这个问题我之前在项目里也碰到过，确实因为JavaScript中字符串是值类型，直接赋值只会复制当前的字符串值，不会和原属性建立引用关联，所以修改原属性后新属性不会跟着变。不过有几种实用的方法可以实现你想要的同步效果，我给你详细说说：

方法1：使用Getter函数（最简单的被动同步） #

把object2.nextString定义为一个getter函数，每次访问它的时候都会去读取object1.nestedObject.originalString的最新值，这样就能保证始终拿到最新状态：

var object1 = { nestedObject: { originalString: "old" } };
var object2 = {
  // 定义getter，访问object2.nextString时自动执行
  get nextString() {
    return object1.nestedObject.originalString;
  }
};

object1.nestedObject.originalString = "new";
console.log(object2.nextString); // 输出 "new"

如果需要支持修改object2.nextString并同步回object1，还可以再加一个setter：

var object2 = {
  get nextString() {
    return object1.nestedObject.originalString;
  },
  set nextString(newValue) {
    object1.nestedObject.originalString = newValue;
  }
};

object2.nextString = "updated";
console.log(object1.nestedObject.originalString); // 输出 "updated"

方法2：使用Proxy代理（主动同步，支持更多场景） #

如果需要更强大的监听能力（比如object1.nestedObject本身可能被替换的情况），可以用ES6的Proxy来监听对象的属性变化，一旦originalString被修改，主动同步更新object2.nextString：

var object1 = { nestedObject: { originalString: "old" } };
// 给object1.nestedObject创建代理，监听属性设置操作
const proxiedNested = new Proxy(object1.nestedObject, {
  set(target, propName, newValue) {
    target[propName] = newValue;
    // 当修改的是originalString时，同步更新object2的nextString
    if (propName === "originalString") {
      object2.nextString = newValue;
    }
    return true;
  }
});
// 替换原nestedObject为代理对象
object1.nestedObject = proxiedNested;

var object2 = { nextString: object1.nestedObject.originalString };

object1.nestedObject.originalString = "new";
console.log(object2.nextString); // 输出 "new"

这种方法是主动触发同步，适合需要实时响应属性变化的场景，甚至可以扩展监听更多属性的变化。

方法3：包装为引用类型（修改结构实现同步） #

如果允许调整原对象的结构，可以把字符串包装在一个引用类型的对象里，因为对象是引用传递，修改内部的属性值会同步到所有引用该对象的地方：

// 用一个共享对象包装字符串
var sharedStringHolder = { value: "old" };
var object1 = { nestedObject: { originalString: sharedStringHolder } };
var object2 = { nextString: sharedStringHolder };

// 修改共享对象的value属性
object1.nestedObject.originalString.value = "new";
console.log(object2.nextString.value); // 输出 "new"

这种方法需要修改原有属性的结构，把字符串变成对象的属性，适合可以调整数据结构的场景。

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