1

フィドル!!

のインスタンスを多数持つことができるシステムをセットアップしようとしています。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();
4

1 に答える 1