简单地说，JavaScript中没有定义的任何东西都是未定义的，无论它是Object/Array中的属性还是只是一个简单的变量。。。

JavaScript具有类型of，因此很容易检测未定义的变量。

只需检查typeof whatever==“undefined”，就会返回布尔值。

这就是AngularJs v.1x中著名的函数isUndefined（）的编写方式：

function isUndefined(value) {return typeof value === 'undefined';} 

因此，当您看到函数接收到一个值时，如果定义了该值，它将返回false，否则对于未定义的值，返回true。

让我们看看传递值时会得到什么结果，包括如下所示的对象财产，这是我们拥有的变量列表：

var stackoverflow = {};
stackoverflow.javascipt = 'javascript';
var today;
var self = this;
var num = 8;
var list = [1, 2, 3, 4, 5];
var y = null;

我们如下所示进行检查，您可以在他们面前看到结果作为评论：

isUndefined(stackoverflow); //false
isUndefined(stackoverflow.javascipt); //false
isUndefined(today); //true
isUndefined(self); //false
isUndefined(num); //false
isUndefined(list); //false
isUndefined(y); //false
isUndefined(stackoverflow.java); //true
isUndefined(stackoverflow.php); //true
isUndefined(stackoverflow && stackoverflow.css); //true

正如您所看到的，我们可以在代码中使用类似的东西来检查任何情况，正如前面所提到的，您可以在您的代码中简单地使用typeof，但是如果您反复使用它，请创建一个像我共享的angular sample这样的函数，并将其作为以下DRY代码模式继续重用。

还有一件事，要检查真实应用程序中对象的属性，即使您不确定该对象是否存在，也要先检查对象是否存在。

如果您检查对象的属性而该对象不存在，将抛出错误并停止整个应用程序的运行。

isUndefined(x.css);
VM808:2 Uncaught ReferenceError: x is not defined(…)

如此简单，您可以像下面这样包装在if语句中：

if(typeof x !== 'undefined') {
  //do something
}

也等于在Angular 1.x中定义的。。。

function isDefined(value) {return typeof value !== 'undefined';}

其他javascript框架（如下划线）也有类似的定义检查，但如果您尚未使用任何框架，我建议您使用typeof。

我还从MDN中添加了这一部分，它提供了关于typeof、undefined和void（0）的有用信息。

严格相等和未定义您可以使用undefined和严格相等和不相等运算符来确定变量是否具有一个值。在以下代码中，未定义变量xif语句的计算结果为true。

var x;
if (x === undefined) {
   // these statements execute
}
else {
   // these statements do not execute
}

注意：严格等式运算符而不是标准等式这里必须使用运算符，因为x==undefined还检查x为空，而严格相等不为空。null不等于未定义。有关详细信息，请参见比较运算符。

---

运算符类型和未定义或者，可以使用typeof：

var x;
if (typeof x === 'undefined') {
   // these statements execute
}

使用typeof的一个原因是，如果尚未声明变量。

// x has not been declared before
if (typeof x === 'undefined') { // evaluates to true without errors
   // these statements execute
}

if (x === undefined) { // throws a ReferenceError

}

然而，这种技术应该避免。JavaScript是静态作用域语言，因此知道是否声明了变量可以通过查看它是否在封闭上下文中声明来读取。这个唯一的例外是全局范围，但全局范围与全局对象，因此检查全局上下文可以通过检查全局对象（例如，使用in运算符）。

---

无效运算符和未定义void运算符是第三种选择。

var x;
if (x === void 0) {
   // these statements execute
}

// y has not been declared before
if (y === void 0) {
   // throws a ReferenceError (in contrast to `typeof`)
}

更多>此处

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

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

我们ES6可以与！！将所有值转换为布尔值。使用此选项，所有假值都将变为假。

第一种解决方案

if (!(!!variable)) {
    // Code
}

第二种解决方案

if (!variable) {
    // Code
}

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

const userPhone = user?.contactDetails?.phone;

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

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

读到这里，我很惊讶我没有看到这一点。我已经找到了多种算法可以解决这个问题。

从未定义

如果从未定义对象的值，那么如果将其定义为null或undefined，则将无法返回true。如果您希望为设置为undefined的值返回true，这很有用

if(obj.prop === void 0) console.log("The value has never been defined");

定义为未定义或从未定义

如果您希望使用undefined值定义的值或从未定义的值的结果为true，则可以简单地使用==undefineed

if(obj.prop === undefined) console.log("The value is defined as undefined, or never defined");

定义为错误值、未定义、空或从未定义。

通常，人们要求我提供一种算法，以确定某个值是否为假值、未定义值或空值。以下工作。

if(obj.prop == false || obj.prop === null || obj.prop === undefined) {
    console.log("The value is falsy, null, or undefined");
}

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

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

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