检查JavaScript中深层嵌套对象属性是否存在的最简单方法是什么？

Question

我必须检查深层嵌套的对象属性,例如YAHOO.Foo.Bar.xyz.

我目前使用的代码是

if (YAHOO && YAHOO.Foo && YAHOO.Foo.Bar && YAHOO.Foo.Bar.xyz) {
    // operate on YAHOO.Foo.Bar.xyz
}

这有效,但看起来很笨拙.

有没有更好的方法来检查这种深层嵌套的属性？

Answer 1

如果你希望YAHOO.Foo.Bar成为一个有效的对象,但是为了防止你的代码是防弹的,那么只要把一个try catch放在它周围并让一个错误处理程序捕获任何缺失的段就可以是最干净的.然后,您可以使用一个if条件而不是四个来检测终端属性是否存在,以及一个catch处理程序,以便在中间对象不存在时捕获事物:

try {
    if (YAHOO.Foo.Bar.xyz) {
        // operate on YAHOO.Foo.Bar.xyz
} catch(e) {
    // handle error here
}

或者,根据您的代码如何工作,它甚至可能只是这样:

try {
    // operate on YAHOO.Foo.Bar.xyz
} catch(e) {
    // do whatever you want to do when YAHOO.Foo.Bar.xyz doesn't exist
}

我特别在处理应该是特定格式的外来输入时使用这些,但是无效输入是我想要捕获和处理自己而不是仅仅让异常向上传播的可能性.

一般来说,一些javascript开发人员使用try/catch.我发现有时候我可以用更大的功能块周围的单个try/catch替换5-10 if语句检查输入,并使代码更简单,更可读.显然,如果这是合适的,取决于特定的代码,但它绝对值得考虑.

仅供参考,如果通常的操作是不使用try/catch抛出异常,它可能比一堆if语句快得多.

如果您不想使用异常处理程序,可以创建一个函数来为您测试任意路径:

function checkPath(base, path) {
    var current = base;
    var components = path.split(".");
    for (var i = 0; i < components.length; i++) {
        if ((typeof current !== "object") || (!current.hasOwnProperty(components[i]))) {
            return false;
        }
        current = current[components[i]];
    }
    return true;
}

用法示例:

var a = {b: {c: {d: 5}}};
if (checkPath(a, "b.c.d")) {
    // a.b.c.d exists and can be safely accessed
}

Answer 2

var _ = {};

var x = ((YAHOO.Foo || _).Bar || _).xyz;

Answer 3

考虑这个效用函数:

function defined(ref, strNames) {
    var name;
    var arrNames = strNames.split('.');

    while (name = arrNames.shift()) {        
        if (!ref.hasOwnProperty(name)) return false;
        ref = ref[name];
    } 

    return true;
}

用法:

if (defined(YAHOO, 'Foo.Bar.xyz')) {
    // operate on YAHOO.Foo.Bar.xyz
}

现场演示: http ://jsfiddle.net/DWefK/5/