检查 JavaScript 命名空间的更好方法

Question

现在我有一个模块，它遵循一长串命名空间，例如：

TOP.middle.realModuleName = function () { /*...*/ }

我需要在一个页面上使用这个模块，我不确定这个页面是否包含了命名空间 Top.middle。所以我必须做类似的事情：

if (typeof TOP !== 'undefined' && TOP.middle && TOP.middle.realdModuleName) {
    new TOP.middle.realModuleName();
}

我认为if 语句看起来非常冗长。有人对如何为这种情况编写更好的参数检查模式有建议吗？

Answer 1

有一种方法可以更快地做到这一点：

           ?.

示例：

const adventurer = {  name: 'Alice',  cat: {    name: 'Dinah'  }};
const dogName = adventurer.dog?.name;

更详细的答案：https://tc39.es/proposal-optional-chaining/#sec-scope

Answer 2

简答

我了解到它的方式是（也适用于命名空间创建）：

// Check if the com namespace does not exist:
if (!com) {
    var com = {};
}

// Check if your namespace does not exist:
if (!com.myNamespace) {
    var com.myNamespace = {};
}

---

我学到的一些信息（到目前为止）

根据我正在阅读的一本书，com 命名空间是商业产品的容器（我指的是网站、图书馆等）。

命名空间最初是为了保存域而创建的。然而，今天你会在库、数据库甚至框架中找到com.*！

目前由VeriSign运营，至今已存在33年！

---

长答案

首先，我们需要确保 ma​​in 命名空间存在。如果com 不存在，我们将执行此检查：

if (!com) {
    var com = {};
}

com 是最常见的要检查的命名空间。但是，我们可以检查任何命名空间。

我们可以跳过这部分，但如果把你的所有功能都混在一起，那真的会很烦人。

如果com 不存在，则创建它。

var com = {};

最后，我们需要检查myNamespace 是否存在。我们将对com 使用相同的方法，但这一次，我们将在myNamespace 之前添加com.。

if (!com.myNamespace) {
    var com.myNamespace = {};
}

我们之所以在命名空间声明前添加com.，是因为com命名空间是在第二层，而myNamespace是在第三层。

我建议您为项目添加第四级命名空间。
这将确保：

• 您的项目有它自己的自己的命名空间（如果使用了 myNamespace）。

• 您的项目不会与其他项目混在一起（例如 com.projectA.other 和 com.projectA.yourProject）。

• 您的函数不会混淆（例如，您有一个名为 write 的函数）。

---

现在，你的代码

你快到了！ 我会这样看：

if (!TOP) {
    // Reinitialize your TOP Namespace here:
    var TOP = {};
}

if (!TOP.middle) {
    // Reinitialize your MIDDLE Namespace here:
    var TOP.middle = {};
}

if (typeof TOP.middle.realModuleName == "function") {
    new TOP.middle.realModuleName ();
}
else {
    // Redefine your function here (you never know ;) )
}

Answer 3

您可以使用 try/catch 并查找“not_defined”：

try {
    TOP.middle.realModuleName = function () { /*...*/ };
} catch(e) {
    if ( e.type == 'not_defined' ) {
        // exception
    }
    else {
        // throw other errors
        throw e;
    }
}

Answer 4

我会尝试这样的事情，尽管如果它收到一些时髦的输入很容易出错：

if(check("TOP.middle.realModuleName")) {
  //exists
}

//namespace checking function
function check(ns) {

  var pieces = ns.split('.'),
      current = window;

  for(i in pieces) {    
    if(!(current = current[pieces[i]])) {
      return false;
    }
  }

  return true;
}

Answer 5

试试这个简单的辅助函数：

function exists(namespace) {    
   var tokens = namespace.split('.');
   return tokens.reduce(function(prev, curr) {
      return (typeof prev == "undefined") ? prev : prev[curr];
   }, window);
}

它将String 作为输入，如果对象存在则返回。你可以这样使用它：

var module = exists("TOP.middle.realModuleName");

例如：

exists("noexist"); // returns undefined
exists("window"); // returns DOMWindow
exists("window.innerHeight"); // returns Number
exists("window.innerHeight.toString"); // returns Function
exists("window.innerHeight.noexist"); // returns undefined

它也适用于计算结果为 false 的表达式：

testNum = 0;
testBool = false;
testNull = null;

exists("testNum"); // returns 0
exists("testBool"); // returns false
exists("testNull"); // returns null

Answer 6

你可以这样在一行中完成所有事情：

TOP && TOP.middle && TOP.middle.realdModuleName && new TOP.middle.realdModuleName;

请注意，您的函数将立即运行。如果您想存储该功能以供以后重用，只需分配它（var module =）。如果未定义模块函数，则设置/丢弃undefined。

Answer 7

我使用一个函数来解析命名空间并在它不存在时创建它。这是函数：

framework.namespace = function(baseName){
  var ns = baseName.split('.');
  var o = window;
  for (var i=0, l=ns.length; i < l; i++){
    o = o[ns[i]] = o[ns[i]] || {};
  }
  return o;
};

然后，在我需要使用命名空间之前，我这样做：

framework.namespace("TOP.middle.realModuleName");
TOP.middle.realModuleName = function(){...};

Answer 8

只需将其封装在 TRY/CATCH 中？

try {
    return new TOP.middle.blablabla();
}
catch(err) {
    // oh no!
}

return null;