повторная инициализация свойств объекта JavaScript

Question

В моем приложении Javascript для перетаскивания можно строить различные здания. Все их специфические характеристики сохраняются в одном объекте, например

var buildings = {
house: ['#07DA21',12,12,0,20],
bank: ['#E7DFF2',16,16,0,3],
stadium: ['#000000',12,12,0,1],
townhall: ['#2082A8',20,8,0,1],
etcetera
}

Таким образом, каждое здание имеет ряд характеристик, таких как цвет, размер, внешний вид, которые можно назвать зданиями [townhall] [0] (имеется в виду цвет). Объект изменяется по мере того, как пользователь меняет вещи. Однако при нажатии кнопки «сброс» весь объект должен быть снова сброшен до первоначальных настроек, чтобы начать сначала, но я понятия не имею, как это сделать. Для нормальных объектов это что-то вроде.

function building() {}
var building = new building();
delete building;
var building2 = new building();

Вы можете легко удалить и переделать его, чтобы свойства были сброшены. Но мой объект автоматически инициализируется. Есть ли способ превратить мой объект во что-то, что можно удалить и заново создать, не усложняя его, или лучше хранить эту информацию?

Answer 1

Вы можете сохранить начальное состояние в качестве прототипа для объекта.

var Base = function(){};
    Base.prototype={a:1,b:2};
var c = new Base();

Теперь вы можете изменить значение a или b на любое другое. Чтобы восстановить, просто используйте

delete c.a or delete c.b

Вы вернете свое первоначальное значение. Надеюсь, что это поможет.

Answer 2

Просто используйте метод копирования / клонирования для восстановления исходного состояния

var defaults = {
    foo: "bar"
};
var building;

function reset(){
    building = {};
    for (var key in defaults) {
        if (defaults.hasOwnProperty(key){
            building[key] = defaults[key];
        }
    }
}

Теперь вы можете просто позвонить reset(), когда вам нужно сбросить building.