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初始化為{} 。 這樣您就可以按鍵將項目放入集合中。