Javascript - typeof不适用于动态对象

Question

当没有创建以下子对象时

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

以上不起作用，但这样做

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

Answer 1

这是因为typeof的优先级低于[]或.的优先级，因此首先执行[]并抛出错误：

> 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'来确定this.obj[child1][child2]是否不是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]未定义。你应该总是检查它是否也被定义了。

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

使用undefined而不是“undefined”或尝试null。