JavaScript/JQuery：将函数存储在对象中并执行

Question

我有一个像这样的多维对象：

objectx = {
    1: {
        name: "first",
        loadFunction: function(target) { 
            $(target).load("http://stackoverflow.com #question", function() {
                // do something else
            });
        }
    },
    2: {
        name: "second",
        loadFunction: function(target) { 
            $(target).load("http://stackoverflow.com #answer", function() {
                // do something else
            });
        }
    }
}

每个对象都有自己的函数，可以从不同位置加载和格式化内容。但是如何从我的程序中调用 loadFunction 中的函数呢？

顺便说一句，我使用simple PHP proxy 来加载内容，以供任何偶然发现并想知道的人使用。示例已简化。

Answer 1

这在控制台中对我来说很好用：

var derp = {1: {func: function(msg){console.log(msg);}}}

derp[1].func('hi');

在您的示例中，我认为主要问题是您在 loadFunction 属性之前缺少逗号。所以你的对象不是你想象的那样。

这是一个更直接适用的例子。我只是在控制台中执行了它，所以我知道它有效。

objectx = {
    1: {
        name: "first",
        loadFunction: function(target) { 
            console.log('first: ' + target);
        }
    },
    2: {
        name: "second",
        loadFunction: function(target) { 
            console.log('second' + target);
        }
    }
}

objectx[1].loadFunction('hi');
> first: hi

objectx[2].loadFunction('hi');
> secondhi

也许每当你引用 objectx 时，它并不处于你认为它所处的状态。