带有数组或子对象的Javascript OOP构造函数？

Question

我是真正的OOP的新手，但我理解javascript还不错。 我正在尝试使用构造函数模式创建新对象，但我想将其中一个属性设置为数组。

这是我要执行的操作的一个示例：

function Walker(name, type, ws, bs, s, armor, i, a, hp) {
    this.name = name;
    this.type = type;
    this.ws = ws;
    this.bs = bs;
    this.s = s;
    this.armor = new Array("f", "s", "r");
    this.i = i;
    this.a = a;
    this.hp = hp;
}

这是一些您可能知道的游戏（并且仅供个人使用，因为创建游戏的公司对自己的IP坚持不懈...）

如您所见， armor属性将在其中包含3个属性。 我这样做的原因是因为已经有一个名为s的属性，所以我不希望将该属性与s的盔甲属性混合使用。

我正在制作一个新的walker并尝试记录如下装甲：

var specificWalker = new Walker("Specific Walker", "Vehicle", 5, 5, 6, [12, 12, 10], 4, 2, 3);

console.log(specificWalker.armor[0]);

但是，这当然是行不通的，因为armor[0]始终等于“ f”，而且我不知道如何覆盖数组的那部分。

理想情况下，我想做的就是能够这样记录装甲：

console.log(specificWalker.armor.f) //Should log "12"

但是我不确定如何在对象内部创建对象。

有人可以帮忙吗？

Answer 1

您只需要创建一个对象，而不是一个数组，就像这样

this.armor = ["f", "s", "r"].reduce(function(result, current, index) {
    result[current] = armor[index];
    return result;
}, {});

现在， this.armor不是数组，而是对象。 当您打印specificWalker.armor ，您将获得类似以下内容

{ f: 12, s: 12, r: 10 }

然后您可以按需要访问f

console.log(specificWalker.armor.f);
// 12

Answer 2

我认为您在构造函数上有这么多参数，我会这样做：

function Walker(prop) {
    this.name = prop.name;
    this.type = prop.type;
    this.ws = prop.ws;
    this.bs = prop.bs;
    this.s = prop.s;
    this.armor = prop.armor;
    this.i = prop.i;
    this.a = prop.a;
    this.hp = prop.hp;
}

并这样称呼它

var walker = new Walker({
    name : "",
    type : "",
    ws : "",
    bs : "",
    s : "",
    armor : [12,12,39],
    i : "",
    a : "",
    hp : ""
});