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

"propertyName" in obj //-> true | false

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

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 (myvar == undefined )
{ 
    alert('var does not exists or is not initialized');
}

当变量myvar不存在时，它将失败，因为没有定义myvar，所以脚本被破坏，测试没有效果。

由于窗口对象在函数外部具有全局作用域（默认对象），因此声明将“附加”到窗口对象。

例如：

var myvar = 'test';

全局变量myvar与window.myvar或window['myvar']相同

为了避免在存在全局变量时要测试的错误，最好使用：

if(window.myvar == undefined )
{ 
    alert('var does not exists or is not initialized');
}

一个变量是否真的存在并不重要，它的值是不正确的。否则，用undefined初始化变量是愚蠢的，最好使用值false来初始化。当你知道你声明的所有变量都是用false初始化的时候，你可以简单地检查它的类型或者依赖它！window.myvar检查它是否具有正确/有效的值。因此，即使没有定义变量！window.myvar对于myvar=undefined或myvar=false或myvar=0是相同的。

如果需要特定类型，请测试变量的类型。要加快测试条件，您最好执行以下操作：

if( !window.myvar || typeof window.myvar != 'string' )
{
    alert('var does not exists or is not type of string');
}

当第一个简单条件为真时，解释器将跳过下一个测试。

最好使用变量的实例/对象来检查它是否获得了有效值。它更稳定，是一种更好的编程方式。

(y)

在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

我很惊讶我还没有看到这个建议，但它比使用typeof测试更具特异性。如果您需要知道对象属性是用undefined初始化的还是从未初始化过，请使用Object.getOwnPropertyDescriptor（）：

// to test someObject.someProperty
var descriptor = Object.getOwnPropertyDescriptor(someObject, 'someProperty');

if (typeof descriptor === 'undefined') {
  // was never initialized
} else if (typeof descriptor.value === 'undefined') {
  if (descriptor.get || descriptor.set) {
    // is an accessor property, defined via getter and setter
  } else {
    // is initialized with `undefined`
  }
} else {
  // is initialized with some other value
}