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

Question

现在我有一个遵循长链名称空间的模块,例如:

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

我需要在页面上使用此模块,我不确定此页面是否包含名称空间Top.middle.所以我必须做以下事情:

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

我认为这个if陈述看起来很长很冗长.任何人都有关于如何为这种情况编写更好的参数检查模式的建议？

Answer 1

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

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 2

只是将它封装在TRY/CATCH中？

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

return null;