部署时未定义 Javascript 公共命名空间函数

Question

下面有我分配给公共 Javascript 命名空间的脚本。它们在本地都可以正常工作，我可以调用TEST.loading(true) 并且所有行为都按预期运行，但是当我将它们部署到我的远程服务器时，我在 Chrome/Firefox 控制台中收到以下错误； 未捕获的 TypeError：TEST.loading 不是函数

我不明白为什么它会在本地而不是远程工作。我认为这不会有任何区别，但是我正在使用 MVC 捆绑包来部署脚本，并且我已经检查了 Chrome 的网络输出，并且脚本正在正常加载，我可以看到里面的代码......任何建议?

var TEST = TEST || 
{
    dtFormat: "DD MMMM YYYY HH:mm",

    loading: function loading(showLoading) {
        if (showLoading) {
            if (Modernizr.cssanimations)
                $("#loadingAnimation").show();
            else
                $("#loadingStatic").show();
            $("#loadingContainer").show();
        }
        else {
            if (Modernizr.cssanimations)
                $("#loadingAnimation").hide();
            else
                $("#loadingStatic").hide();
            $("#loadingContainer").hide();
        }
    }
};

Answer 1

当代码运行时，TEST 似乎已经定义了一个真值，从而使该代码成为空操作。

如果你想确保总是添加你的属性，不管它是否已经存在，这是通常的模式：

var TEST = (function(t) {
{
    t.dtFormat = "DD MMMM YYYY HH:mm";

    t.loading = function loading(showLoading) {
        if (showLoading) {
            if (Modernizr.cssanimations)
                $("#loadingAnimation").show();
            else
                $("#loadingStatic").show();
            $("#loadingContainer").show();
        }
        else {
            if (Modernizr.cssanimations)
                $("#loadingAnimation").hide();
            else
                $("#loadingStatic").hide();
            $("#loadingContainer").hide();
        }
    };

    return t;
})(TEST || {});

这还具有为您提供方便的私有函数作用域的优点。