如果定义了一个新变量，可以用一种优雅的方式将已定义的属性分配给它；如果未定义，则可以将默认值分配给它作为回退。

var a = obj.prop || defaultValue;

如果您有一个函数，它会接收一个额外的配置属性，那么这是合适的：

var yourFunction = function(config){

   this.config = config || {};
   this.yourConfigValue = config.yourConfigValue || 1;
   console.log(this.yourConfigValue);
}

正在执行

yourFunction({yourConfigValue:2});
//=> 2

yourFunction();
//=> 1

yourFunction({otherProperty:5});
//=> 1

检查属性值是否为未定义的特殊值的通常方法是：

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

要检查对象是否实际上没有这样的属性，并且当您尝试访问它时，默认情况下会返回undefined：

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

要检查与标识符关联的值是否为未定义的特殊值，或者该标识符是否尚未声明：

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

注意：最后一个方法是引用未声明的标识符而不出现早期错误的唯一方法，这与值为undefined不同。

在ECMAScript 5之前的JavaScript版本中，全局对象上名为“undefined”的属性是可写的，因此，如果不小心重新定义了foo==undefineed，则简单的检查可能会出现意外的行为。在现代JavaScript中，属性是只读的。

然而，在现代JavaScript中，“undefined”不是关键字，因此函数内部的变量可以命名为“undefine”，并隐藏全局属性。

如果您担心这种（不太可能的）边缘情况，可以使用void运算符获取特殊的未定义值本身：

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

“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。

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

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
}

在最近的JavaScript版本中，引入了新的链接运算符，这可能是检查属性是否存在的最佳方法，否则它将给您提供未定义的

参见下面的示例

  const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// expected output: undefined

我们可以替换这个旧语法

if (response && response.data && response.data.someData && response.data.someData.someMoreData) {}

使用更简洁的语法

if( response?.data?.someData?.someMoreData) {}

IE、Opera、safari和samsund android不支持此语法

有关详细信息，请查看此URL

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

ECMAScript 10引入了一个新特性——可选链接，只有当对象定义为如下时，才可以使用该特性来使用对象的属性：

const userPhone = user?.contactDetails?.phone;

只有在定义了user和contactDetails时，它才会引用phone属性。

裁判。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining