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

这是什么意思：“未定义的对象属性”？

实际上，这可能意味着两件截然不同的事情！首先，它可以表示对象中从未定义过的属性，其次，它可以指具有未定义值的属性。让我们看一下这段代码：

var o = { a: undefined }

o.a是否未定义？对其值未定义。是否未定义o.b？当然根本没有属性“b”！好了，现在看看不同的方法在两种情况下的表现：

typeof o.a == 'undefined' // true
typeof o.b == 'undefined' // true
o.a === undefined // true
o.b === undefined // true
'a' in o // true
'b' in o // false

我们可以清楚地看到，obj.prop==“undefined”和obj.prop==undefineed的类型是等价的，它们不能区分这些不同的情况。obj中的“prop”可以检测属性根本没有定义并且没有注意可能未定义的属性值的情况。

那该怎么办？

1） 您想知道一个属性是由第一个含义还是第二个含义定义的（最典型的情况）。

obj.prop === undefined // IMHO, see "final fight" below

2） 您只想知道对象是否具有某些属性，而不关心其值。

'prop' in obj

笔记：

不能同时检查对象及其属性。例如，此x.a==未定义或此类型的x.a=='未定义'引发ReferenceError：如果未定义x，则未定义x。变量undefined是一个全局变量（所以实际上它在浏览器中是window.unded）。自ECMAScript第1版以来，它一直受到支持，自ECMASript 5以来，它是只读的。因此，在现代浏览器中，它不能被重新定义为真实，因为许多作者喜欢用它来吓唬我们，但这对于旧浏览器来说仍然是真实的。

最后一战：obj.prop==未定义vs obj.prop类型==“未定义”

obj.prop的加号==未定义：

它短了一点，看起来更漂亮一点如果您拼错了undefined，JavaScript引擎会给您一个错误

obj.prop的最小值==未定义：

在旧浏览器中可以重写undefined

obj.prop类型的加号==“undefined”：

它真的很普遍！它可以在新旧浏览器中使用。

obj.prop类型的最小值==“undefined”：

这里的“undefined”（拼写错误）只是一个字符串常量，因此如果您像我刚才那样拼写错误，JavaScript引擎将无法帮助您。

更新（针对服务器端JavaScript）：

Node.js支持未定义为global.undefined的全局变量（也可以在没有“global”前缀的情况下使用）。我不知道服务器端JavaScript的其他实现。

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

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

所有答案都不完整。这是了解存在“定义为未定义”属性的正确方法：

var hasUndefinedProperty = function hasUndefinedProperty(obj, prop){
  return ((prop in obj) && (typeof obj[prop] == 'undefined'));
};

例子：

var a = { b : 1, e : null };
a.c = a.d;

hasUndefinedProperty(a, 'b'); // false: b is defined as 1
hasUndefinedProperty(a, 'c'); // true: c is defined as undefined
hasUndefinedProperty(a, 'd'); // false: d is undefined
hasUndefinedProperty(a, 'e'); // false: e is defined as null

// And now...
delete a.c ;
hasUndefinedProperty(a, 'c'); // false: c is undefined

遗憾的是，这是正确的答案，却被错误的答案所掩盖>_<

所以，对于任何路过的人，我会免费给你未定义的！！

var undefined ; undefined ; // undefined
({}).a ;                    // undefined
[].a ;                      // undefined
''.a ;                      // undefined
(function(){}()) ;          // undefined
void(0) ;                   // undefined
eval() ;                    // undefined
1..a ;                      // undefined
/a/.a ;                     // undefined
(true).a ;                  // undefined

function isUnset(inp) {
  return (typeof inp === 'undefined')
}

如果变量已设置，则返回false；如果未定义，则返回true。

然后使用：

if (isUnset(var)) {
  // initialize variable here
}

if (somevariable == undefined) {
  alert('the variable is not defined!');
}

您也可以将其转换为函数，如下所示：

function isset(varname){
  return(typeof(window[varname]) != 'undefined');
}