在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

回顾

许多给定的答案给出了错误的结果，因为它们没有区分对象属性不存在的情况和属性值未定义的情况。以下是最流行的解决方案的证明：

让obj={a： 666中，u： undefined//“u”属性的值为“undefined”//“x”属性不存在}console.log（'>>>好结果：'）；console.log（'A'，obj中的“u”，obj的“x”）；console.log（'B'，obj.hasOwnProperty（“u”），obj.hasOwnProperty（“x”））；console.log（'\n>>>坏结果：'）；console.log（'C'，obj.u==未定义，obj.x==未确定）；console.log（'D'，obj.u==未定义，obj.x==未定义）；console.log（'E'，obj[“u”]==未定义，obj'“x”]===未定义）；console.log（'F'，obj[“u”]==未定义，obj'“x”]===未定义）；console.log（'G'，！obj.u，！obj.x）；console.log（'H'，对象类型u=='未定义'，对象的类型x=='不定义'）；

我没有看到（希望我没有错过）任何人在物业前检查该对象。因此，这是最短和最有效的（虽然不一定是最清楚的）：

if (obj && obj.prop) {
  // Do something;
}

如果obj或obj.prop为undefined、null或“falsy”，If语句将不执行代码块。这通常是大多数代码块语句（在JavaScript中）所需的行为。

更新：（2021 7月2日）

最新版本的JavaScript为可选链接：？。

这可能是检查对象财产是否存在的最明确、最有效的方法。

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

有一种非常简单的方法。

您可以使用可选链接：

x = {prop:{name:"sajad"}}

console.log(x.prop?.name) // Output is: "sajad"
console.log(x.prop?.lastName) // Output is: undefined

or

if(x.prop?.lastName) // The result of this 'if' statement is false and is not throwing an error

您甚至可以对函数或数组使用可选的链接。

截至2020年年中，这一点尚未得到普遍实施。查看文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

在最近的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

解决方案不正确。在JavaScript中，

null == undefined

将返回true，因为它们都“强制”为布尔值，并且都为false。正确的方法是检查

if (something === undefined)

这是身份运算符。。。