我使用if（this.variable）来测试它是否被定义。一个简单的if（变量），在前面的答案中推荐，对我来说失败了。

事实证明，只有当变量是某个对象obj.someField的字段时，它才能工作，以检查它是否在字典中定义。但我们可以使用this或window作为字典对象，因为任何变量都是当前窗口中的字段，正如我所理解的那样。因此，这里有一个测试：

如果（this.abc）警报（“已定义”）；其他的警报（“未定义”）；abc=“abc”；如果（this.abc）警报（“已定义”）；其他的警报（“未定义”）；

它首先检测到变量abc未定义，并在初始化后定义。

问题归结为三种情况：

对象具有属性，其值未定义。对象具有属性，其值未定义。对象没有属性。

这告诉了我们一些我认为重要的事情：

未定义成员和具有未定义值的已定义成员之间存在差异。

但不幸的是，obj.foo的类型并不能告诉我们这三种情况中的哪一种。然而，我们可以将其与obj中的“foo”结合起来，以区分情况。

                               |  typeof obj.x === 'undefined' | !("x" in obj)
1.                     { x:1 } |  false                        | false
2.    { x : (function(){})() } |  true                         | false
3.                          {} |  true                         | true

值得注意的是，这些测试对于空条目也是相同的

                               |  typeof obj.x === 'undefined' | !("x" in obj)
                    { x:null } |  false                        | false

我认为，在某些情况下，检查属性是否存在比检查是否未定义更有意义（而且更清楚），而这种检查唯一不同的情况是情况2，这是对象中实际条目具有未定义值的罕见情况。

例如：我刚刚重构了一堆代码，这些代码对对象是否具有给定属性进行了大量检查。

if( typeof blob.x != 'undefined' ) {  fn(blob.x); }

如果不检查未定义，则更清楚。

if( "x" in blob ) { fn(blob.x); }

但正如前面提到的，这些并不完全相同（但已经足够满足我的需求）。

也可以使用代理。它可以处理嵌套调用，但需要额外检查一次：

function resolveUnknownProps(obj, resolveKey) {
  const handler = {
    get(target, key) {
      if (
        target[key] !== null &&
        typeof target[key] === 'object'
      ) {
        return resolveUnknownProps(target[key], resolveKey);
      } else if (!target[key]) {
        return resolveUnknownProps({ [resolveKey]: true }, resolveKey);
      }

      return target[key];
    },
  };

  return new Proxy(obj, handler);
}

const user = {}

console.log(resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else); // { isUndefined: true }

因此，您将像这样使用它：

const { isUndefined } = resolveUnknownProps(user, 'isUndefined').personalInfo.name.something.else;
if (!isUndefined) {
  // Do something
}

简单地说，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 (somevariable == undefined) {
  alert('the variable is not defined!');
}

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

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

“if（window.x）｛｝”是错误安全的

很可能您想要if（window.x）。即使x尚未声明（var x；），该检查也是安全的-浏览器不会抛出错误。

示例：我想知道我的浏览器是否支持历史API

if (window.history) {
    history.call_some_function();
}

工作原理：

window是一个包含所有全局变量作为其成员的对象，尝试访问不存在的成员是合法的。如果x尚未声明或未设置，则window.x返回undefined。undefined在if（）求值时导致false。