JavaScript 命名空间对象：脚本包含顺序

Question

我似乎遇到了 JavaScript 中的名称间距问题。

我已将我的 javascript objects 分成单独的文件。

每个文件都以命名空间定义开始：

var MySystem = MySystem || {};

如果我包含对象，它会调用文件中包含的对象的某些方法 - 我收到 TypeError 说给定对象不存在。

我遇到的问题示例：

文件 1 Url.js（首先包含在 html 文档中）：

var MySystem = MySystem || {};

MySystem.Url = {

    objHelper : MySystem.Helper,

    init : function() {

        "use strict"

        if (this.objHelper.isEmpty('string')) {

            throw new Error('The string is empty');

        }

    }

}

文件 2 Helper.js（包含在 html 文档中的第二个）：

var MySystem = MySystem || {};

MySystem.Helper = {

    isEmpty : function(thisValue) {

        "use strict"

        return (
            typeof thisValue === 'undefined' ||
            thisValue === false ||
            thisValue === null ||
            thisValue === ''
        );

    }

}

当使用MySystem.Url.init(); 调用时，我得到：

TypeError: this.objHelper is undefined  
if (this.objHelper.isEmpty('string')) {

当我颠倒包含文件的顺序时 - 一切正常。

这显然是一个非常简单的示例，但我的系统包含更多 objects - 它们都在自己的单独文件中。

解决此问题的最佳解决方法是什么？

Answer 1

您尝试重新发明模块系统。使用 require.js http://requirejs.org/