Javascript模块化名称空间模式

Question

我正在尝试使用模块化的名称空间模式，该模式允许我扩展各种名称空间中的可用功能，并在多个文件中定义它们。 这是我正在使用的模式；

var Namespace = Namespace || {};

Namespace.SubSpace = (function () {
    var subspace = {};

    subspace.Func = function () {
        return "My Function";
    };

    return subspace;
})();

如何在命名空间函数定义之前使它们可用？ 换句话说，如何在不依赖于已解析函数声明的情况下调用Namespace.SubSpace.Func() ？

Answer 1

通过使用类似于JQuery的ready()函数的方法，我可以足够接近解决我的问题。 但是，它确实要先定义根名称空间。 根名称空间还包括允许注册回调的功能。

var Namespace = (function () {

    var namespace = {};
    namespace.ReadyCallbacks = [];

    namespace.Ready = function (callback, queueJump) {
        if (queueJump)
            namespace.ReadyCallbacks.unshift(callback);
        else
            namespace.ReadyCallbacks.push(callback);
    };

    namespace.Begin = function () {
        for (x = 0; x < namespace.ReadyCallbacks.length; x++) {
            namespace.ReadyCallbacks[x]();
        }
    };

    return namespace;
})();

重要的是，这区分了应在其他回调之前运行的回调。 这允许框架模块在执行用户脚本之前定义子命名空间和函数。 （即使首先加载了用户脚本）。

用户脚本

Namespace.Ready(function () {
    console.log(Namespace.SubSpace.Func()); // prints "Module 1"
});

框架模块

Namespace.Ready(function () {
    Namespace.SubSpace = (function () {
        var subspace = {};

        subspace.Func = function () {
            return "Module 1";
        };

        return subspace;
    })();
}, true);

最后，调用Namespace.Begin()以正确的顺序执行所有操作。 另外，由于无论如何我都在使用JQuery，因此可以将其包装在$(document).ready() 。

我不是非常精通JavaScript，所以不确定这种方法的“正确性”如何，我欢迎提出意见和建议。