JavaScript判断变量是否为null或undefined的方法及对比详解

一、undefined 与 null 的区别

二、各种判断方式

1. 使用宽松相等（==）

if (value == null) {
  // 相当于 value === null || value === undefined
}

优点：

• 简洁、直观。
• 同时判断 null 和 undefined。

注意：

• 宽松相等有时会被认为不严谨，容易被误用。
• 不适用于 0、false、"" 这类也“falsy”的值。

2. 使用严格比较（===）

if (value === null || value === undefined) {
  // 更明确的判断
}

优点：

• 精确控制判断条件。
• 更显式、语义更清晰。

缺点：

• 比 == null 稍显冗长。

3. 使用 typeof（判断是否为 undefined）

if (typeof value === 'undefined') {
  // 判断未定义
}

优点：

• 安全地判断未声明变量。
• 可用于全局变量或未声明变量的判断。

不判断 null，仅用于检测 undefined。

4. 使用可选链与空值合并（ES2020+）

let result = value ?? 'default';
// value 为 null 或 undefined 时使用 'default'

优点：

• 适用于赋默认值。
• 写法简洁，安全高效。

不适用于 0、false、'' 等“有效的 falsy 值”。

5. 使用 == null 配合逻辑非（常见于布尔上下文）

if (!(value != null)) {
  // 等价于 value == null
}

虽然不推荐，但在某些场景中可能看到这样的写法。建议保持代码可读性，优先使用清晰写法。

三、实际应用建议

四、陷阱与误用

使用 if (!value) 的局限性：

if (!value) {
  // 会错误判断 0, "", false 为“空”
}

不推荐用于判断是否为 null 或 undefined，除非明确希望将 false、0、"" 也视为“无效值”。

五、总结

六、附加建议

• 对公共函数或 API 入参，建议使用显式判断，避免类型模糊带来的副作用。
• 编写工具函数提高可读性，例如：

function isNil(val) {
  return val == null;
}

这样在阅读代码时更具语义性：

if (isNil(user)) {
  // user 为 null 或 undefined
}

结语

判断变量是否为 null 或 undefined 是基础但关键的技巧。理解每种写法的语义与适用场景，能写出更健壮、更易维护的代码。在日常开发中，推荐统一使用 value == null 或 value ?? 等更现代、更语义化的写法，提升代码一致性和可读性。

以上就是JavaScript判断变量是否为null或undefined的方法及对比详解的详细内容，更多关于JavaScript判断变量null或undefined的资料请关注脚本之家其它相关文章！

最新评论