JavaScript 객체 미러링/단방향 속성 동기화

Question

보안을 위해 "미러 된"객체가 필요합니다. 즉 객체 A를 만들고 A의 사본을 얕은 사본으로 만들고 B를 호출하면 A의 속성이 변경 될 때마다 B가 자동으로 변경 사항을 반영하도록 업데이트하지만 다른 방법은 반영하지 않기를 바랍니다. 즉, 단방향 속성 동기화입니다.

내 질문 : 이미 알고있는 야생에 해결책이 있습니까?

observe-js (https://github.com/polymer/observe-js)로 라이브러리를 구현할 생각 이었지만 계속 진행하기 전에 질문해야한다고 생각했습니다. 감사.

Answer 1

IE8 이하를 지원할 필요가 없다고 가정하면 최신 브라우저에서 게터를 사용할 수 있습니다.

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" 

Answer 2

을 설정할 수 있습니다 이것에 대한 프로토 타입 체인 :

var a = {}; 
var Syncer = function(){}; 
Syncer.prototype = a; 
var b = new Syncer(); 

a.foo = 123; 
b.foo; // 123 

b.bar = 456; 
a.bar // undefined 

직접 a입니다 프로토 타입 객체에 대한보고됩니다 b에 설정되지 않은 모든 속성입니다.

당신은 편리한 기능이을 마무리 할 수 ​​있습니다

var follow = function(source) { 
    var Follower = function(){}; 
    Follower.prototype = source; 
    return new Follower(); 
} 

var a = {}; 
var b = follow(a); 

a.foo = 123; 
b.bar = 456; 

a.foo; // 123 
b.foo; // 123 

a.bar; // undefined 
b.bar; // 456