如何检查变量是否存在

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

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是一个未定义的值。

您需要运算符的类型。明确地：

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

这取决于您是否只关心变量是否已定义，或者是否希望它具有有意义的值。

检查类型是否未定义将检查变量是否已定义。

==空或！==null将仅检查变量的值是否完全为null。

==空或！=null将检查该值是否未定义或为null。

if（value）将检查变量是否为undefined、null、0或空字符串。

测试未声明（未定义）变量的捷径是

if (typeof variable === "undefined") {
  ...
}

我发现它对于检测在浏览器外部运行的脚本（没有声明窗口变量）非常有用。

我想要类似的东西：一个检查变量是否有有用值的函数，其中0是有用的，但空字符串、数组和对象不是（对于我的应用程序）。基于各种答案和评论，我提出了下面定义和测试的isSet（）函数；对于测试值的前一半返回true，对于第二部分返回false，这正是我想要和需要的：

let fn = [1234, "1234", 0, "0", [1,2], {name: "number"}, "", [], {}, null, NaN, undefined]

console.log(fn)
const isSet = (val) => {
    switch (typeof val) {
        case 'number': return !isNaN(val); break; // as long as it is a number other than NaN....
        case 'string': return val.length > 0; break;
        case 'undefined': return false; break;
        case 'object':
            if (val === null) return false;
            else return Object.keys(val).length > 0;
            break;
    }
}

for (index in fn) {
    const item = fn[index];
    console.log(`ind: ${index}; ${typeof item}; ${isSet(item)}`)
}

结果（在节点v16.16.0下）：

[
  1234,
  '1234',
  0,
  '0',
  [ 1, 2 ],
  { name: 'number' },
  '',
  [],
  {},
  null,
  NaN,
  undefined
]
ind: 0; number; true
ind: 1; string; true
ind: 2; number; true
ind: 3; string; true
ind: 4; object; true
ind: 5; object; true
ind: 6; string; false
ind: 7; object; false
ind: 8; object; false
ind: 9; object; false
ind: 10; number; false
ind: 11; undefined; false

在许多情况下，使用：

if (elem) { // or !elem

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

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

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

if(elem) {

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

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

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