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中获得的错误 a未定义看起来来自库。我想保持关联数组样式。

有什么想法吗？

更新

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

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：我认为它有效，但也许你没有正确访问它？那个或它无法以某种方式用谷歌创建对象，或者你发布的错误正在其他地方发生，而不是在这里

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: function (iconType, iconImage) { 
    MapListings.icons[iconType] = iconImage;
},

Answer 3

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

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

3 个答案: