在许多情况下，使用：

if (elem) { // or !elem

会为你做这件事的！。。。这将检查以下情况：

undefined：如果值未定义且未定义null：如果它为null，例如，如果DOM元素不存在。。。空字符串：“”0：数字零NaN：不是数字假的

所以它将涵盖所有的情况，但我们也希望涵盖一些奇怪的情况，例如，一个带空格的字符串，比如这个“”，这将在javascript中定义，因为它在字符串中有空格。。。例如，在本例中，您使用trim（）再添加一个检查，例如：

if(elem) {

if(typeof elem === 'string' && elem.trim()) {
///

此外，这些检查仅针对值，因为对象和数组在Javascript中的工作方式不同，所以空数组[]和空对象{}始终为true。

我创建了下面的图像，以显示答案的简要说明：

在许多情况下，使用：

if (elem) { // or !elem

会为你做这件事的！。。。这将检查以下情况：

undefined：如果值未定义且未定义null：如果它为null，例如，如果DOM元素不存在。。。空字符串：“”0：数字零NaN：不是数字假的

所以它将涵盖所有的情况，但我们也希望涵盖一些奇怪的情况，例如，一个带空格的字符串，比如这个“”，这将在javascript中定义，因为它在字符串中有空格。。。例如，在本例中，您使用trim（）再添加一个检查，例如：

if(elem) {

if(typeof elem === 'string' && elem.trim()) {
///

此外，这些检查仅针对值，因为对象和数组在Javascript中的工作方式不同，所以空数组[]和空对象{}始终为true。

我创建了下面的图像，以显示答案的简要说明：

typeof运算符将检查变量是否真的未定义。

if (typeof variable === 'undefined') {
    // variable is undefined
}

与其他运算符不同，typeof运算符在与未声明的变量一起使用时不会引发ReferenceError异常。

但是，请注意，typeof null将返回“object”。我们必须小心避免将变量初始化为null的错误。为了安全起见，我们可以使用以下方法：

if (typeof variable === 'undefined' || variable === null) {
    // variable is undefined or null
}

有关使用严格比较==而不是简单相等==的更多信息，请参阅：JavaScript比较中应该使用哪个相等运算符（==vs==）？

Null是JavaScript中的值，typeof Null返回“object”

因此，如果您传递空值，则接受的答案将不起作用。如果传递空值，则需要为空值添加额外的检查：

if ((typeof variable !== "undefined") && (variable !== null))  
{
   // the variable is defined and not null
}

如何检查变量是否存在

这是一个非常可靠的解决方案，用于测试变量是否存在并已初始化：

var setOrNot = typeof variable !== typeof undefined;

它最常用于与三元运算符结合使用，以在某个变量尚未初始化的情况下设置默认值：

var dark = typeof darkColor !== typeof undefined ? darkColor : "black";

封装问题

不幸的是，您不能简单地将检查封装在函数中。

你可能会想到这样做：

function isset(variable) {
    return typeof variable !== typeof undefined;
}

然而，如果您正在调用例如isset（foo），并且尚未定义变量foo，这将产生引用错误，因为您无法将不存在的变量传递给函数：

未捕获引用错误：未定义foo

测试函数参数是否未定义

虽然我们的isset函数不能用于测试变量是否存在（原因如上所述），但它确实允许我们测试函数的参数是否未定义：

var a = '5';

var test = function(x, y) {
    console.log(isset(x));
    console.log(isset(y));
};

test(a);

// OUTPUT :
// ------------
// TRUE
// FALSE

即使没有将y的值传递给函数测试，我们的isset函数在这种情况下也能很好地工作，因为在函数测试中y是一个未定义的值。

您也可以使用！！在变量之前检查它是否已定义。例如。

let dog = "woof";
let chineseCat; // Undefined.
console.log("1.");
console.log(!!dog && !!chineseCat ? "Both are defined" : "Both are NOT defined");

chineseCat= "mao"; // dog and chineseCat are now defined.
console.log("2.");
console.log(!!dog && !!chineseCat ? "Both are defined" : "Both are NOT defined");

输出：

1.
Both are NOT defined
2. 
Both are defined