我找到了这篇文章，《在JavaScript中处理未定义的7个技巧》，它展示了关于未定义的真正有趣的事情如：

undefined的存在是JavaScript的许可性质的结果，允许使用：

未初始化变量不存在的对象财产或方法访问数组元素的越界索引不返回任何内容的函数的调用结果

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

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

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

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

然后使用：

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

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

const userPhone = user?.contactDetails?.phone;

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

裁判。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

if ( typeof( something ) == "undefined") 

这对我有用，而其他人没有。