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。

重新初始化javascript对象的属性

2 个答案: