如何在 JavaScript 中使用括号表示法将函数附加到对象？

Question

我正在编写一个 javascript，它应该将上下文菜单附加到文档中的元素。上下文菜单的 jquery 插件需要上下文菜单的 id 和选项对象。选项对象有一个名为“绑定”的属性，该属性应该具有键/值对，其中键是菜单项的 ID，值是单击时调用的函数。

问题是，我尝试填充的绑定对象在使用括号概念时不会将函数附加为值，而我需要它，因为无法提前确定菜单项的 id。

    var bindings = {};

    var bindingsFunction = function(t){
        alert('Trigger was ' + t.id + '\nAction was Open');
    };

    var $listItems = $contextMenu.find('li');

    $listItems.each(function(index, item){
        var key = '' + item.id;
        bindings[key] = bindingsFunction;
    });

    console.log('bindings is empty', bindings); 

    var result = $icon.contextMenu(contextMenuId, {
        bindings: bindings
    });

Answer 1

这可能只是 Firebug 的“buggy”（？）显示。示例：

var mytest = {};

var foo = function() {
};

mytest['foo'] = foo;

console.log(mytest);

将显示：

Object { }

看起来像一个空对象，但如果单击它，您将看到内容。

Answer 2

它在 Chrome 中运行，所以我记得我正在开发 Firefox 4 Beta，所以我只是重新启动 Firefox，它就神奇地运行了。如果我可以再次重现它，我将能够提供更多细节。

Answer 3

您没有包含脚本正在处理的 HTML，但我的猜测是正在选择的 li 元素没有 id 属性。因此，当您将 item.id 分配给 key 时，它是一个空字符串 ，因此不是有效的属性名称。

如果你在每个li上添加一个id，它应该可以正常工作：http://jsfiddle.net/8TL7u/