在JavaScript中安全地创建名称空间

Question

我知道为什么名称空间是好的-防止过多的全局定义并防止代码被覆盖，但是我试图进一步挖掘以下语法：

// not safe, if there's another object with this name we will overwrite it
var MYAPPLICATION = {};

// We need to do a check before we create the namespace
if (typeof MYAPPLICATION === "undefined") {
    var MYAPPLICATION = {};
}

// or a shorter version
var MAYAPPLICATION = MYAPPLICATION || {};

好的，第一行代码并不安全，因为MYAPPLICATION可以在其他地方或由其他库定义。

第二行检查它是否存在以及是否不存在，并使用新对象定义var MYAPPLICATION。

我的问题是 ，预先定义MYAPPLICATION会发生什么？ 代码不会初始化变量并且不会创建名称空间？ 这是否意味着您的代码将永远无法工作？ 如果是这样，那又如何？

Answer 1

将会发生的情况是，您的应用程序将覆盖前一个的属性，反之亦然，具体取决于首先执行的操作。

在javascript中，“几乎”可以覆盖所有内容。 您的应用程序只是全局范围内的一个简单对象，因此如果另一个应用程序是这样编写的。

var MYAPPLICATION = {};
MYAPPLICATION.foo = function () {....}

而你的是

var MYAPPLICATION = MYAPPLICATION || {};
MYAPPLICATION.bar = function () {...}

您将最终得到一个名为MYAPPLICATION的全局变量，该变量具有两个属性'foo'和'bar'，并在其上定义了函数。

一个将是您的，另一个将是您的，因此您最终可能会遭受代码的意外行为。 因此，换句话说，没有真正安全的方法可以在javascript中创建名称空间。

您可以查看此SO文章是否有“简洁”的方法在JavaScript中进行命名间隔？ 有关更多信息，但我个人建议您使用沙箱模式 。 这将帮助您更好地隔离代码。

这篇文章包含一个示例，可以帮助您入门。 这解决了名称空间模式的一些问题，例如具有同一应用程序的多个版本以及诸如app.module.foo.bar.daa之类的长名称解析。

Answer 2

您的第二个示例将无法正常工作。 var将被吊起。 ES5是宽容的试图var多次相同的标识符但（见规范第10.5节，8℃。 ）

在严格模式下，如果您简单地删除var则可能会出现ReferenceError

而是处理全局对象 ，例如window

if (!window.my_namespace) {
    window.my_namespace = {};
}

或者如果您不想假设这是事实，则可以检查属性的存在

if (!(my_namespace in window)) {
    window.my_namespace = {};
}

---

您可以通过编写IIFE进一步保持名称空间的整洁

if (!window.my_namespace) {
    window.my_namespace = (function () {
        var o = {}, a = 'foo', b = 'bar';
        o[a] = b;
        return o; // pass out reference
    }()); // {foo: "bar"}
}

或者考虑是否将所有内容保留在IIFE中，甚至根本不需要全局名称空间