JavaScript 如何检查null、undefined或空变量

JavaScript 是世界上使用最广泛的编程语言之一，驱动着从简单的网页到复杂的网络应用程序的一切。作为一种动态类型语言，JavaScript允许创建变量而不指定它们的类型，这有时会在处理null、undefined或空变量时引起混淆和错误。在本文中，我们将探讨在JavaScript中检查这些类型变量的标准和最佳实践。

Null: 一个被设置为null的变量表示没有值。

语法:

let v1 = null; 
typeof (var_); // "object"

Null被设计为表示对象或值的缺失，因此它被赋予了全零的特殊值。这样程序可以很容易地检查一个变量是否为null，因为它只需要检查该值是否等于零。

例子： 在JavaScript中检查null变量有几种标准方法。其中一种最常见的方法是使用三个等号（=）操作符，它检查值和类型的相等性。

Javascript

let var1 = null; 
if (var1 === null) { 
    console.log(var1); 
};

输出:

null

未定义：

未定义的变量没有被赋值。当你使用JavaScript的let、var或const声明一个变量时，该变量的默认值为undefined。这意味着如果你声明一个变量但是没有给它赋值，该变量的值将是undefined。

语法：

let var2;
typeof (var2);
// "undefined"

示例： 在这里，我们将使用三个等号（=）运算符来检查变量的值。

JavaScript

let var2; 
if (var2 === undefined) 
    console.log("true"); 
else
    console.log("false");

输出：

true

空变量: 空变量是指已经被赋值的变量，但该值是一个空字符串或仅包含空格字符。在JavaScript中，字符串是由单引号或双引号括起来的字符序列。即使字符串中的字符序列只是一个空格，它仍被认为是一个字符串，typeof(var3)将返回”string”。

语法:

let var3 = "";
typeof (var3)
// "string"

示例1： 在检查空变量时，根据具体的使用情况，有几种不同的方法。一种常见的方法是使用字符串的length属性来检查它是否为空。

Javascript

let myString = ""; 
if (myString.length === 0) { 
    console.log("myString is empty"); 
};

输出：

myString is empty

示例2: 或者，您可以使用三等号（=）操作符来检查字符串是否与空字符串完全相等。

JavaScript

let myString = ''
if (myString === '') { 
    console.log("myString is empty"); 
};

输出：

myString is empty

例子3： 如果您想检查一个只包含空白字符的字符串，您可以使用正则表达式来测试字符串。

Javascript

let myString = "    "; 
if (/^\s*$/.test(myString)) { 
    console.log("length of myString is: ", myString.length); 
    console.log("myString has only White Spaces"); 
};

输出:

length of myString is:  4
myString has only White Spaces

除了这些标准方法之外，还有一些第三方库和框架提供了更高级的检查空值、未定义或空变量的方法。然而，重要的是要记住这些方法并不总是必要的，并且有时会给代码引入额外的复杂性和开销。