也可以使用代理。它可以处理嵌套调用，但需要额外检查一次：

function resolveUnknownProps(obj, resolveKey) {
  const handler = {
    get(target, key) {
      if (
        target[key] !== null &&
        typeof target[key] === 'object'
      ) {
        return resolveUnknownProps(target[key], resolveKey);
      } else if (!target[key]) {
        return resolveUnknownProps({ [resolveKey]: true }, resolveKey);
      }

      return target[key];
    },
  };

  return new Proxy(obj, handler);
}

const user = {}

console.log(resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else); // { isUndefined: true }

因此，您将像这样使用它：

const { isUndefined } = resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else;
if (!isUndefined) {
  // Do something
}

“if（window.x）｛｝”是错误安全的

很可能您想要if（window.x）。即使x尚未声明（var x；），该检查也是安全的-浏览器不会抛出错误。

示例：我想知道我的浏览器是否支持历史API

if (window.history) {
    history.call_some_function();
}

工作原理：

window是一个包含所有全局变量作为其成员的对象，尝试访问不存在的成员是合法的。如果x尚未声明或未设置，则window.x返回undefined。undefined在if（）求值时导致false。

在ECMAScript 6中引入，我们现在可以使用代理以一种新的方式处理未定义。它可以用于为任何不存在的财产设置默认值，这样我们就不必每次都检查它是否实际存在。

var handler = {
  get: function(target, name) {
    return name in target ? target[name] : 'N/A';
  }
};

var p = new Proxy({}, handler);
p.name = 'Kevin';
console.log('Name: ' +p.name, ', Age: '+p.age, ', Gender: '+p.gender)

将输出以下文本而不会得到任何未定义。

Name: Kevin , Age: N/A , Gender: N/A

使用动态变量的版本你知道吗？

var boo='Ala'；函数检查（）{if（this['fo']）{console.log（'o is here'）；}其他{console.log（'没有foo'）；}如果（这个['bo']）{console.log（'boo在这里'）；}其他{console.log（'没有boo'）；}}check（）；

如果使用的是Angular：

angular.isUndefined(obj)
angular.isUndefined(obj.prop)

Undercore.js：

_.isUndefined(obj) 
_.isUndefined(obj.prop) 

在《探索JavaScript中的空和未定义的深渊》一文中，我看到Undercore.js等框架使用了这个函数：

function isUndefined(obj){
    return obj === void 0;
}