（Javascript）有没有办法为变量定义多个属性？

Question

我再次来到这里，为我的基于文本的游戏提供帮助。

最新一期：定义变量以更改全局变量的值。

让我得到一个我的意思的片段。

所以，这会给我带来各种各样的问题，同时试图建立一个可行的装备和购物系统。

我有一组全局变量定义为：

    var Armor = {
        ClothesName: "",
        HelmetName: "",
        BodyName: "",
        ArmName: "",
        WaistName: "",
        LegName: "",
        BootsName: ""
    }

    var Weapons = {
        SwordName: "",
        RightHand: "",
        ShieldName: "",
        LeftHand: "",
        BowName: "",
        ArrowName: "",
        NumberOfArrows: 0,
        StaffName: ""
    }

然后我有我的盔甲设置（这是整体问题的部分）：

    1.) There is no way I can see to plug the values into the global variable:
    var MangledRags = {
        Name: "Mangled Rags" //Name of the Armor.
        Defense: 0.25        //Boost to defense.
    }

要么

    2.) The Armor.Name is pushed, but the hero.Defense is neglected:
    var MangledRags;
    MangledRags = 
        Armor.ClothesName = "Mangled Rags", //Name of the Armor pushed
        hero.Defense += 0.25;               //Increase to Hero's defense when worn.

我正在使用一个函数来尝试将信息推送到全局变量：

    function equip() {
        if (Warrior == true) {
            Armor.ClothesName = MangledRags;
            document.getElementById("Armor.ClothesName").innerHTML = Armor.ClothesName;
            document.getElementById("hero.Defense").innerHTML = hero.Defense;
    }

在这里阅读：

    if (Warrior == true) {
        $("<p>You equipped your armor warrior, and are on your way to town! Press <u><b>enter</b></u>.</p>").hide().insertBefore("#placeholder").fadeIn(1000); //Change the name of the warrior equipment
        isArmorOn = true;
        equip();
        currentarea = "Starter Town Gates";
        document.getElementById("currentarea").innerHTML = currentarea;
        return;
    }

这反过来又被HTML文本读取：

     <div id="main_attributes">
        <p>
           Name: <span id="hero.Name">0</span> &emsp; &emsp; Gender: <span id="hero.Gender">0</span><br />
           Class: <span id="hero.Class">0</span><br /><br />
           Health: <span id="hero.Health">0</span><br />
           Magic: <span id="hero.Magic">0</span><br />
           Attack Power: <span id="hero.Attack">0</span><br/>
           Defense: <span id="hero.Defense">0</span><br />
           Endurance: <span id="hero.Endurance">0</span><br />
           Current Location: <span id="currentarea">0</span>
        </p>
     </div>
     <div id="inv_left_left">
        <p>
           Head: <span id="Armor.HelmetName">0</span><br />
           Armor: <span id="Armor.BodyName">0</span><br />
           Hands: <span id="Armor.ArmName">0</span><br/>
           Waist: <span id="Armor.WaistName">0</span><br />
           Legs: <span id="Armor.LegName">0</span><br />
           Feet: <span id="Armor.BootsName">0</span><br />
        </p>
     </div>

如果这个问题不能解决我的问题，我将为Shop系统的问题创建一个单独的问题。

我没有在网上找到类似这个问题的内容，所以这就是我在这里发帖的原因。

Answer 1

这里有一些解压缩的东西，我认为你可以通过完成一个快速的JavaScript教程解决很多问题，因为我认为很多原则（特别是周围的类型）都在躲避你。

Armor和Weapons都是对象，并使用您在第一个代码片段（ClothesName，SwordName等）中定义的属性进行实例化。除了存储分配给您在代码中定义的键名的值之外，它们不执行任何操作。

我强调这一点，因为您似乎希望将Armor和Weapons视为类型，特别是允许您将它们子类化为具有特定属性的Armor和Weapon实例的类，例如MangledRags。要直接解决您的问题，您可以更改现有Armor全局属性，如下所示：

Armor.ClothesName = "Mangled Rags"
Armor.Defense = 0.25

您甚至可以定义一个新对象来存储损坏的rags属性，以避免重新键入它们：

var MangledRags = {
    ClothesName: "Mangled Rags",
    Defense: 0.25,
    // more properties here...
}

function wearMangledRags() {
    Armor.ClothesName = MangledRags.ClothesName;
    Armor.Defense = MangledRags.Defense;
    // etc.
}

这是糟糕的代码风格。不是以手指摇摆的方式，而是因为你将通过大量的复制粘贴，代码重复和潜在的错误使自己的生活变得更加艰难。除了刷新基本的JS原则，对象和类型之外，我建议阅读primer on classes。

你可以把Armor和Weapons视为他们应该的类型和use subclassing to define instances of those types。您将需要ES6功能才能使用class API，但可以将它们与vanilla JavaScript一起使用，虽然比较棘手且需要了解prototypical inheritance。

你的代码中还有一些其他错误，它们误解了类型和值之间的差异（例如，除非Warrior === true是一个布尔值，否则Warrior将无法工作 - 你无法以这种方式评估类类型，Armor.ClothesName = MangledRags;正在分配存储在MangledRags变量中的对象到ClothesName变量的Armor属性中，我不认为这是你想要的）。我真的建议你刷一点基本的JavaScript - 网上有大量的免费资源！我认为通过对语言的理解，您将能够更轻松地看到代码的缺陷。

如果您需要更多帮助在这里打破任何事情，请随时给我发消息 - 我很乐意为您指出正确的方向！我认为像“全局变量不好”之类的指针会帮助解决你的问题，但是你对JavaScript理解的广泛收获将使这个程序变得轻而易举。