3

我有以下（简化的）对象文字。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 中遇到的错误是未定义的，看起来来自库。我想保持关联数组样式。

有任何想法吗？

更新

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

笨蛋更新

返回基本 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() 不同！德欧

4

3 回答 3

4

如果你想要一个查找表，就做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'] )
    }
}
于 2010-07-13T18:54:11.633 回答
1

所以你可以做的一件事是改变你引用数组的方式。由于在您的 add 方法之外，您可以执行以下操作：

MapListings.icons["c7"]

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

add: function (iconType, iconImage) { 
    MapListings.icons[iconType] = iconImage;
},
于 2010-07-13T19:12:38.703 回答
0

allIcons[iconType] = icon;失败是因为allIcons它是一个数组，而不是一个对象。尝试初始化allIcons为{}。这将允许您通过键将项目放置在集合中。

于 2010-07-13T18:57:38.817 回答