出于安全目的,我需要一个“镜像”对象。也就是说,如果我创建对象 A,并浅克隆 A 的副本并将其称为 B,则每当 A 的属性发生更改时,我希望 B 自动更新自身以反射(reflect)更改,但反之则不然。换句话说,单向属性同步。
我的问题:是否已经存在我不知道的解决方案?
正在考虑使用observe-js( https://github.com/polymer/observe-js )实现一个库,但我认为在继续之前我应该四处询问。谢谢。
最佳答案
假设您不需要支持 IE8 及更早版本,您可以在现代浏览器上使用 getter 来实现这一点。
function proxy(src) {
var p = {};
Object.keys(src).forEach(function(key) {
Object.defineProperty(p, key, {
get: function() {
return src[key];
}
});
});
return p;
}
var a = {
foo: "Original foo",
bar: "Original bar"
};
var b = proxy(a);
console.log(b.foo); // "Original foo"
a.foo = "Updated foo"; // Note we're writing to a, not b
console.log(b.foo); // "Updated foo"
关于JavaScript 对象镜像/单向属性同步,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26183148/