如何在 JavaScript 中检查空字符串、未定义和 null 值？

在 JavaScript 编程中，遇到空字符串、未定义（undefined）或 null 值是相对常见的情况。为了确保代码的鲁棒性与稳定性，我们需要准确地识别这些值。本文将详细探讨识别空字符串、未定义和 null 值的方法，同时讨论其区别和应用场景。

什么是 “空字符串”、“未定义” 和 “null”？

在解决问题之前，我们首先需要明确这些概念：

• 空字符串：一个没有任何字符的字符串，表示为 ""。
• 未定义（undefined）：在 JavaScript 中，任何未初始化或未赋值的变量的默认值。
• null：在我们显式地设置某变量没有任何值时使用，即这个变量已初始化，但值为空。

了解这些概念后，我们可以进一步探索如何有效地检测它们。

基本的检查方法

对于简单的需求，我们可以使用基本的比较操作符来解决：

1. 检查空字符串和 null：

   function IsNullOrEmpty(value) {
        
       return value == null || value === "";
   }
   

   这个函数使用了 == 和 === 操作符，能同时检测 null 和空字符串。

2. 检查空字符串、空格和 null：

   function IsNullOrWhiteSpace(value) {
        
       return value == null || !/\S/.test(value);
   }
   

   这个函数进一步扩展了检测范围，可以检测仅包含空格、制表符等的字符串。

符合 C# 风格的检测方法

在一些编程语言，如 C#，存在类似的检测静态方法。我们可以在 JavaScript 中模仿这种行为，将方法添加到 String 对象上：

String.IsNullOrEmpty = function(value) {
   
    return value == null || value === "";
};
String.IsNullOrWhiteSpace = function(value) {
   
    return value == null || !/\S/.test(value);
};

但是，不建议将这些方法添加到 String 的原型上，这是因为当字符串实例为空时，调用这些方法会导致错误：

String.prototype.IsNullOrEmpty = function() {
   
    return this == null ||