Javascript 对象文字 : why can't I do this?

Question

我有以下(简化的)对象字面量。 icons 方法使用闭包来隐藏 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 a is undefined 中得到的错误看起来来自库。我想保持关联数组样式。

有什么想法吗？

更新

看起来这个冲突来自谷歌地图。奇怪，不确定解决这个问题的方法。

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() 不同!哦

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'] )
    }
}