자바 스크립트를 다음과 같이 내부 객체

Question

에 대한 세터 나는 전통적인 자바 스크립트의 간단한 객체와 생성자가 있습니다.

내부 객체 (data)의 속성을 설정하는 value에 대한 Setter를 작성하고 싶습니다.

test.value.whatever=23; 

내가 할 수있는 방법이 있습니까?

은 내가 세터 기능은 다음과 같이 뭔가 일을 끝낼 수 있다는 기대 : 여기

set value() { 
     // how do I get property & value? 
     data[property]=value; 
    }, 

Answer 1

당신은

function Test() { 
    this.data = {}; 
} 
Test.prototype={ 
    set value(v) { 
     this.data.whatever = v; 
    }, 
    get value() { 
     return this.data.whatever; 
    } 
}; 
var test = new Test(); 
test.value = 'hi'; 
console.log(test.value) // 'hi' 
console.log(test.data) // {whatever: 'hi'} 

는 생성자에서 data 속성을 넣어 기억 이동합니다. 그렇지 않으면 프로토 타입에 넣으면 모든 인스턴스간에 공유 속성이됩니다.

Answer 2

좋아, 대답이 있습니다 : @Bergi & @ damianmr에서 제안한대로 Proxy 개체를 사용했습니다.

function Test() { 
    this.dataStore={}; 
    this.data=new Proxy(this,{ 
     set(target,property,value) { 
      target.dataStore[property]=value; 
     }, 
     get(target,property) { 
      return target.dataStore[property]; 
     } 
    }); 
} 
Test.prototype={ 

}; 

var test=new Test(); 
test.data.whatever=23; 
test.data.etc=46; 

alert(`${test.data.whatever} ${test.data.etc}`); 

당신이 볼 수 있듯이 : 여기

는 작업 버전입니다

• I 객체가 dataStore라고했고, 프록시는 data
• 프록시는 생성자에서 설정됩니다라고

이것은 간단한 추상화 된 경우입니다. 하지만 더 복잡한 프로젝트에서 작동합니다.

유일한 단점은 IE가 Proxy를 지원하지 않는다는 것과 내가 본 polyfills가 새로운 속성을 좋아하지 않는다는 것입니다. 단지 그들이 죽을 때까지 내가 레거시 브라우저의 기능적인 대안을 제공하고, 기다릴 필요가 의미

...