JavaScriptを次のように内部オブジェクトのためのセッター

Question

私は伝統JavaScriptで単純なオブジェクトとコンストラクタを持っている：オブジェクト内の

function Test() { 
    this.data={}; 
} 
Test.prototype={ 
    set value(something) { 

    }, 
    get value() { 
     return data[property]; 
    } 
}; 

var test=new Test(); 

には、最初は独自のプロパティを持つ、他の目的です。

内側オブジェクト（data）のプロパティを設定するvalueのセッターを書いてみたいと思います。

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}`); 

：ここ

は作業バージョンです

• 私は、オブジェクトがdataStoreと呼ばれ、プロキシはプロキシはコンストラクタで設定されているdata
• と呼ばれてい

これは簡単な抽象化であり、それは私が取り組んでいるより複雑なプロジェクトにも役立ちます。

唯一の欠点は、IEがProxyをサポートしていないことです。私が見たpolyfillは新しいプロパティが気に入らないということです。 `test.value`オブジェクトのプロパティを設定するだけで、私はレガシーのブラウザのための機能の代替を提供する必要があり、それらが出て死ぬのを待つことを意味します

...