javascript - Javascript - typeof 不适用于动态对象

Question

当以下子对象均未创建时

if(typeof this.obj[child1][child2]!=="undefined"){
}

以上不起作用，但这确实

if(typeof this.obj[child1]!=="undefined"){
}

Answer 1

这是因为 的 优先级typeof低于[]or .，所以[]先执行 并抛出错误：

> typeof foo == "undefined"
true
> typeof foo.bar == "undefined"
ReferenceError: foo is not defined

要检查嵌套属性的长链，您可以使用如下函数：

function hasKeys(obj, keys) {
    for(var i = 0; i < keys.length; i++) {
        if(typeof obj[keys[i]] == "undefined")
            return false;
        obj = obj[keys[i]];
    }
    return true;
}

if(hasKeys(this, ["obj", "child1", "child2"])) ...

或者更好，处理异常：

try {
    val = this.obj['foo']['bar']['baz'];
} catch(err) {
    // deal with undefined val
}

Answer 2

你真的不需要typeof ... 'undefined'确定 if this.obj[child1][child2]is not undefined。而是使用：

if (this.obj && this.obj[child1] && this.obj[child1][child2]) {}

如：

var obj = {};
obj.c1 = {};
alert( obj && obj.c1 && obj.c1.c2 ? 'obj.c1.c2 exists' : 'nope'); 
     //=> "nope"
obj.c1.c2 = 1;
alert( obj && obj.c1 && obj.c1.c2 ? 'obj.c1.c2 exists' : 'nope'); 
     //=> "obj.c1.c2 exists"

您可以创建一个函数来确定任何路径是否存在Object：

function pathExists(root,path){
  var pathx = path.constructor === Array && path || path.split(/\./)
    , trial
    , pathok = true
  ;

  while (pathx.length && pathok) {
    trial = pathx.shift();
    pathok = (root = root && root[trial] || false, root);
  }
  return pathok;
}
// usage examples
var obj = {c1:1};
pathExists(obj,'c1.c2'); //=> false
pathExists(obj,'c1'); //=> 1
obj.c1 = { c2: {c3: 3} };
pathExists(obj,['c1','c2','c3']); //=> 3
// your case
if ( pathExists(this,[obj,child1,child2]) ) { /*...*/ }

Answer 3

在第一种情况下使用它 -

if(this.obj[child1] && typeof this.obj[child1][child2]!=="undefined"){
}

Answer 4

这不起作用，因为它会引发 JavaScript 错误。它会抛出 this.obj[child1] is undefined。您应该始终检查它是否也已定义。

if(this.obj[child1] && typeof this.obj[child1][child2]!=="undefined"){
}

编辑

如果你想增加你的代码可读性，你可以使用这样的函数：

var test = {child1: {child2: "TEST"}};
alert(is_defined(test, 'child1', 'child2')); // true
alert(is_defined(test, 'child1', 'child2', 'child3')); // false

function is_defined(obj) {
    if (typeof obj === 'undefined') return false;

    for (var i = 1, len = arguments.length; i < len; ++i) {
        if (obj[arguments[i]]) {
            obj = obj[arguments[i]];
        } else if (i == (len - 1) && typeof obj[arguments[i] !== 'undefined']) {
            return true;
        } else {
            return false;
        }
    }

    return true;
}

Answer 5

使用未定义而不是“未定义”或尝试为空。