のインスタンスを多数持つことができるシステムをセットアップしようとしています。colorBox
ここには という名前のインスタンスがありますbox
。新しい colorBox のスタイルを次のようにして作成した後に変更できるようにしたいことを除いて、すべて正常に動作しています。box.resetColor('blue');
これをテストするために、vodoo
アラートを出すだけの簡単な関数を作成しました。しかしbox.vodoo()
、colorBox はオブジェクトではなく関数であるため、呼び出すことはできません。
colorbox
のすべてのプロパティ (必要なもののみ) を更新することなく、必要なときにいつでも個別に更新できる一連のインスタンスを保持するための最良の方法は何box
ですか?
JS:
var colorBox = function(node, options) {
this.setSize = function(){
node.style.width = options.width + 'px';
node.style.height = options.height + 'px';
};
this.setColor = function(){
node.style.backgroundColor = options.color;
};
this.setSize();
this.setColor();
vodoo(){
alert('vodoo');
}
}
var node = document.getElementById('thing1');
var options = {
color: 'red',
width: 200,
height: 200
}
var box = new colorBox(node, options);
box.vodoo();