Javascript对象字面量：为什么我不能这样做？

Question

我有以下（简化的）对象文字。 icons方法使用闭包来隐藏图标变量，我希望将其作为关联数组用于以后的查找。

var MapListings = {
    icons: function () {
        var allIcons = [] ;

        return {
            add: function (iconType, iconImage) {
                var icon = new GIcon(MapListings.baseIcon);
                icon.image = iconImage;
                allIcons[iconType] = icon; // fails, but this is what I want
                // allIcons.push(icon); // works, but this is not what I want
            },
            get: function () {
                return allIcons;
            }
        };

    } ()
}

我将项目添加到图标对象，如下所示：

MapListings.icons.add("c7", "/images/maps/blue.png");
MapListings.icons.add("c8", "/images/maps/red.png");

以下不起作用：

allIcons[iconType] = icon;

但这样做：

allIcons.push(icon);

在闭包之外，关联数组样式工作正常，所以可能与jQuery存在冲突？ 我在firebug中得到的错误是未定义的看起来来自库。 我想维护关联数组样式。

有任何想法吗？

更新

看起来这场冲突来自谷歌地图。 奇怪，不知道如何解决这个问题。

Dumbass更新

返回基础GIcon（）对象的对象文字部分根本没有返回对象。 因此，该对象没有正确的属性。

baseIcon: function () {
    var base = new GIcon();
    base.shadow = '/images/maps/shadow.png';
    base.iconSize = new GSize(12, 20);
    base.shadowSize = new GSize(22, 20);
    base.iconAnchor = new GPoint(6, 20);
    base.infoWindowAnchor = new GPoint(5, 1);
    return base;
}

MapListings.baseIcon与MapListings.baseIcon（）不同！ D'哦

Answer 1

如果你想要一个查找表，只需要做var allIcons = {}

编辑：虽然在技术上它应该以任何方式工作，因为数组是一个对象。 你确定没有更多吗？

编辑＃2 ：难道你不能将allIcons作为MapListings的属性吗？

编辑＃3：我认为它有效，但也许你没有正确访问它？ 那或者它无法以某种方式与Google创建对象，或者您发布的错误发生在其他地方，而不是在这里

function GIcon(){};
var MapListings = {
    icons: function () {
        var allIcons = [] ;

        return {
            add: function (iconType, iconImage) {
                var icon = new GIcon(MapListings.baseIcon);
                icon.image = iconImage;
                allIcons[iconType] = icon; // fails, but this is what I want
                // allIcons.push(icon); // works, but this is not what I want
                window.x = allIcons
            },
            get: function () {
                return allIcons;
            }
        };

    } ()
};

MapListings.icons.add("c7", "/images/maps/blue.png");
MapListings.icons.add("c8", "/images/maps/red.png");

alert( MapListings.icons.get()['c8']['image'] )

你不应该使用.length循环，而是直接访问c7或c8 。

x = MapListings.icons.get();
for ( var prop in x ) {
    if ( x.hasOwnProperty(prop ) ) {
        alert( x[prop]['image'] )
    }
}

Answer 2

因此，您可以做的一件事就是更改引用数组的方式。 从你的add方法外部你可以这样做：

MapListings.icons["c7"]

您也可以使用它来添加到add函数中的数组：

add: function (iconType, iconImage) { 
    MapListings.icons[iconType] = iconImage;
}, 

Answer 3

allIcons[iconType] = icon; 失败，因为allIcons是一个数组，而不是一个对象。 尝试将allIcons初始化为{} 。 这样您就可以按键将项目放入集合中。