javascript - 使用构造函数创建对象并使用 javascript 返回完成的对象的函数

Question

我正在使用对象构造函数创建对象。我正在嵌套这些对象，例如:

Object = {
    property: {
        property123: "test",
        property321: true,
    },
    property2: {
        name: "Mike",
        age: 20,
    }
};

为了给您提供更多详细信息，您可以在 jsfiddle 上查看我的代码:http://jsfiddle.net/8v2b9x7p/3/

正如你所看到的，我创建了一些对象，例如“weaponMastery”、“sword”、“axe”、“weaponSkillType”。

我想要的是一个返回“weaponMastery”的函数，其中存储(嵌套)了所有这些对象。

这样其他对象就不会是全局的，因为我不使用它们。我只使用“武器掌握”。

目前所有对象都是全局的，我想要的只是“weaponMastery”是全局的，其他都不需要。如果有更好的方法来创建我的对象，请告诉我。

我正在寻找一种删除它们的方法，但也没有找到任何好的解决方案。感谢任何帮助，谢谢:)

Answer 1

我发表评论是因为我认为您真正寻找的是模块。但您可以通过以下方式完成您的要求:变量的作用域为 JavaScript 中的函数。因此，将所有变量声明包装在一个函数中，并且仅将 weaponMastery 公开为全局变量。您可以使用匿名函数作为包装器。它看起来像这样:

(function() {
  ...
})();

任何使用 var 在内部声明的变量都只能在该函数内有效。如果要将变量公开到全局范围，可以在其前面加上 window. 前缀，即 window.weaponMastery。

这是使用该方法的代码:

(function() {
    var weaponSkillType = function (level, experience, maxExperience, image, name) {
        this.level = level;
        this.experience = experience;
        this.maxExperience = maxExperience;
        this.image = image;
        this.name = name;
    };
    var sword = new weaponSkillType(0, 0, 10, "sword", "Sword");
    var axe = new weaponSkillType(0, 0, 10, "axe", "Axe");
    var mace = new weaponSkillType(0, 0, 10, "mace", "Mace");
    var staff = new weaponSkillType(0, 0, 10, "staff", "Staff");
    var ranged = new weaponSkillType(0, 0, 10, "ranged", "Ranged");
    var fist = new weaponSkillType(0, 0, 10, "fist", "Fist");

    sword.strength = function () {
        return this.level * 2;
    };
    sword.swordStrength = function () {
        return player.isSword ? this.strength() : 0;
    };
    sword.agility = function () {
        return this.level * 1.5;
    };
    sword.swordAgility = function () {
        return player.isSword ? this.agility() : 0
    };

    axe.strength = function () {
        return this.level * 2;
    };
    axe.axeStrength = function () {
        return player.isAxe ? this.strength() : 0;
    };
    axe.endurance = function () {
        return this.level * 1.5;
    };
    axe.axeEndurance = function () {
        return player.isAxe ? this.endurance() : 0;
    };

    mace.endurance = function () {
        return this.level * 2;
    };
    mace.maceEndurance = function () {
        return player.isMace ? this.endurance() : 0;
    };
    mace.wisdom = function () {
        return this.level * 1.5;
    };
    mace.maceWisdom = function () {
        return player.isMace ? this.wisdom() : 0;
    };

    staff.intelligence = function () {
        return this.level * 2;
    };
    staff.staffIntelligence = function () {
        return player.isStaff ? this.intelligence() : 0;
    };
    staff.wisdom = function () {
        return this.level * 1.5;
    };
    staff.staffWisdom = function () {
        return player.isStaff ? this.wisdom() : 0;
    };

    ranged.strength = function () {
        return this.level * 1.5;
    };
    ranged.rangedStrength = function () {
        return player.isRanged ? this.strength() : 0;
    };
    ranged.dexterity = function () {
        return this.level * 2;
    };
    ranged.rangedDexterity = function () {
        return player.isRanged ? this.dexterity() : 0;
    };

    fist.agility = function () {
        return this.level * 1.5;
    };
    fist.fistAgility = function () {
        return player.isFist ? this.agility() : 0;
    };
    fist.dexterity = function () {
        return this.level * 2;
    };
    fist.fistDexterity = function () {
        return player.isFist ? this.dexterity() : 0;
    };

    window.weaponMastery = new Object();
    weaponMastery.sword = sword;
    weaponMastery.axe = axe;
    weaponMastery.mace = mace;
    weaponMastery.staff = staff;
    weaponMastery.ranged = ranged;
    weaponMastery.fist = fist;
})();


function test() {
    var html = '';
    for (weapon in weaponMastery) {
        html += weapon + ', ';
    }
    document.getElementById('test').innerHTML = html;
};
test();

JSFiddle:http://jsfiddle.net/nxtdhtts/