“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。

我想向您展示我正在使用的一些东西，以保护未定义的变量：

Object.defineProperty(window, 'undefined', {});

这禁止任何人更改window.undefined值，从而破坏基于该变量的代码。如果使用“usestrict”，任何试图更改其值的行为都将以错误告终，否则将被忽略。

简单地说，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`)
}

更多>此处

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

交叉发布我对相关问题的回答如何在JavaScript中检查“undefined”？。

具体到这个问题，请参阅someObject的测试用例<无论什么>。

---

说明各种答案结果的一些场景：http://jsfiddle.net/drzaus/UVjM4/

（请注意，在测试中使用var会在作用域包装器中产生差异）

参考代码：

(function(undefined) {
    var definedButNotInitialized;
    definedAndInitialized = 3;
    someObject = {
        firstProp: "1"
        , secondProp: false
        // , undefinedProp not defined
    }
    // var notDefined;

    var tests = [
        'definedButNotInitialized in window',
        'definedAndInitialized in window',
        'someObject.firstProp in window',
        'someObject.secondProp in window',
        'someObject.undefinedProp in window',
        'notDefined in window',

        '"definedButNotInitialized" in window',
        '"definedAndInitialized" in window',
        '"someObject.firstProp" in window',
        '"someObject.secondProp" in window',
        '"someObject.undefinedProp" in window',
        '"notDefined" in window',

        'typeof definedButNotInitialized == "undefined"',
        'typeof definedButNotInitialized === typeof undefined',
        'definedButNotInitialized === undefined',
        '! definedButNotInitialized',
        '!! definedButNotInitialized',

        'typeof definedAndInitialized == "undefined"',
        'typeof definedAndInitialized === typeof undefined',
        'definedAndInitialized === undefined',
        '! definedAndInitialized',
        '!! definedAndInitialized',

        'typeof someObject.firstProp == "undefined"',
        'typeof someObject.firstProp === typeof undefined',
        'someObject.firstProp === undefined',
        '! someObject.firstProp',
        '!! someObject.firstProp',

        'typeof someObject.secondProp == "undefined"',
        'typeof someObject.secondProp === typeof undefined',
        'someObject.secondProp === undefined',
        '! someObject.secondProp',
        '!! someObject.secondProp',

        'typeof someObject.undefinedProp == "undefined"',
        'typeof someObject.undefinedProp === typeof undefined',
        'someObject.undefinedProp === undefined',
        '! someObject.undefinedProp',
        '!! someObject.undefinedProp',

        'typeof notDefined == "undefined"',
        'typeof notDefined === typeof undefined',
        'notDefined === undefined',
        '! notDefined',
        '!! notDefined'
    ];

    var output = document.getElementById('results');
    var result = '';
    for(var t in tests) {
        if( !tests.hasOwnProperty(t) ) continue; // bleh

        try {
            result = eval(tests[t]);
        } catch(ex) {
            result = 'Exception--' + ex;
        }
        console.log(tests[t], result);
        output.innerHTML += "\n" + tests[t] + ": " + result;
    }
})();

结果：

definedButNotInitialized in window: true
definedAndInitialized in window: false
someObject.firstProp in window: false
someObject.secondProp in window: false
someObject.undefinedProp in window: true
notDefined in window: Exception--ReferenceError: notDefined is not defined
"definedButNotInitialized" in window: false
"definedAndInitialized" in window: true
"someObject.firstProp" in window: false
"someObject.secondProp" in window: false
"someObject.undefinedProp" in window: false
"notDefined" in window: false
typeof definedButNotInitialized == "undefined": true
typeof definedButNotInitialized === typeof undefined: true
definedButNotInitialized === undefined: true
! definedButNotInitialized: true
!! definedButNotInitialized: false
typeof definedAndInitialized == "undefined": false
typeof definedAndInitialized === typeof undefined: false
definedAndInitialized === undefined: false
! definedAndInitialized: false
!! definedAndInitialized: true
typeof someObject.firstProp == "undefined": false
typeof someObject.firstProp === typeof undefined: false
someObject.firstProp === undefined: false
! someObject.firstProp: false
!! someObject.firstProp: true
typeof someObject.secondProp == "undefined": false
typeof someObject.secondProp === typeof undefined: false
someObject.secondProp === undefined: false
! someObject.secondProp: true
!! someObject.secondProp: false
typeof someObject.undefinedProp == "undefined": true
typeof someObject.undefinedProp === typeof undefined: true
someObject.undefinedProp === undefined: true
! someObject.undefinedProp: true
!! someObject.undefinedProp: false
typeof notDefined == "undefined": true
typeof notDefined === typeof undefined: true
notDefined === undefined: Exception--ReferenceError: notDefined is not defined
! notDefined: Exception--ReferenceError: notDefined is not defined
!! notDefined: Exception--ReferenceError: notDefined is not defined

我在这里为那些希望得到奇怪答案的人提供了三种方法：

函数为Undefined1（val）{尝试{值a；}捕获（e）{返回/未定义/测试（e.message）；}return false；}函数为Undefined2（val）{回来val&&val+“”==“未定义”；}函数未定义3（val）{常量defaultVal=｛｝；return（（input=defaultVal）=>input==defaultVal（val）；}功能测试（func）{console.group（`test start:`+func.name）；console.log（func（未定义））；console.log（func（null））；console.log（函数（1））；console.log（函数（“1”））；console.log（函数（0））；console.log（func（｛｝））；console.log（func（函数（）｛｝））；console.groupEnd（）；}测试（isUndefined1）；测试（未定义2）；测试（未定义3）；

未定义1：

尝试获取输入值的属性，并检查错误消息（如果存在）。如果输入值未定义，则错误消息将为Uncaught TypeError：无法读取未定义的属性“b”。

未定义2：

将输入值转换为字符串以与“undefined”进行比较，并确保其为负值。

未定义3：

在JavaScript中，当输入值完全未定义时，可选参数会起作用。