分配给变量的 Javascript 数组未定义

Question

你好，我想做的只是画几张图片。所以一开始我做了一个组(我认为这个功能是我正在使用的插件的一部分，但没关系)然后我做了一个数组来存储几个图像的名称和 src，然后我调用一个 for 循环来绘制这些图像，但问题是我没有得到任何结果，没有任何错误，所以我尝试提醒“b.name”和“b.src”，但结果我得到的是未定义的有人可以解释我哪里有问题因为对我来说它似乎一切都很好

            var mapGroup = new Group();
            var mapVillage = [
                {name: "leaf", src: "js/leaf.png"},
                {name: "sand", src: "js/sand.png"},
                {name: "stone", src: "js/stone.png"},
                {name: "cloud", src: "js/cloud.png"},
                {name: "mist", src: "js/mist.png"},
                {name: "rain", src: "js/rain.png"},
                {name: "grass", src: "js/grass.png"},
                {name: "sound", src: "js/sound.png"},
                {name: "hotwater", src: "js/hotwater.png"},
                {name: "waterfall", src: "js/waterfall.png"}
            ];

            for(var i = 0; i < mapVillage.length; i++){
                var b = mapVillage[i];
                b = new Sprite(game.width, game.height);
                b.image = game.assets[b.src];
                alert(b.name);
                mapGroup.addChild(b);
            }

Answer 1

你的错误在这里

   var b = mapVillage[i];
   b = new Sprite(game.width, game.height);

您首先将 b 分配给 mapVillage 的条目，该条目确实具有您要查找的 b.image。但是您将在下一行中覆盖它。因此，当您接下来调用 b.image 时，它会在没有该属性的“Sprite”上寻找“图像”;-)

要解决它，只需将 Sprite 分配给一个新变量即可。 var sprite = new Sprite(game.width, game.height);