javascript - Firebug 和自调用匿名函数

Question

我的基本设置是匿名自调用函数下的一大堆 Javascript:

(function () {
    ...
})();

我的问题是我似乎无法通过 DOM 选项卡访问此 ASI 函数中的对象。我尝试了以下两种方法:

var MYAPP = function () {
    ...
};

var MYAPP = (function () {
    ...
})();

第一个根本没有开火。刚才说的第二个MYAPP在DOM标签中是undefined。

有解决办法吗？

Answer 1

在您的第一个版本中，您只是简单地创建了一个名为 MYAPP 的函数，但并未执行它。

在第二个版本中，您的函数被执行并将其结果分配给 MYAPP。但是您的函数似乎没有返回任何内容，因此 MYAPP 保持未定义状态。

参见 A Javascript Module Pattern在 YUIBlog 上获取对这种模式的解释。他们的例子是这样的:

YAHOO.myProject.myModule = function () {

    return  {
        myPublicProperty: "I'm accessible as YAHOO.myProject.myModule.myPublicProperty.",
        myPublicMethod: function () {
            YAHOO.log("I'm accessible as YAHOO.myProject.myModule.myPublicMethod.");
        }
    };

}(); // the parens here cause the anonymous function to execute and return

所以您的函数基本上返回一个包含所有公共(public)成员的对象。然后，您也可以使用 Firebug 访问它们。