前端判断不等于 undefined 不等于 null 的方法

在前端开发（JavaScript/TypeScript）中，判断一个变量既不等于 undefined 也不等于 null，通常被称为判断"空值"或"有效存在"。

以下是几种常用且推荐的方法，你可以根据场景选择：

这是最简洁、最符合语言习惯的写法。利用 == null 的特性，它能同时匹配 null 和 undefined。

javascript 复制代码

if (value != null) {
  // 代码逻辑
  // 进入这里说明 value 既不是 null，也不是 undefined
  // value 可以是 0, false, '', [] 等任何其他值
}

原理： 在 JavaScript 中，null == undefined 返回 true。因此 value != null 等价于 value !== null && value !== undefined。
优点： 代码极简，性能好，是社区公认的"最佳实践"之一。

如果你追求代码的绝对清晰，或者团队规范禁止使用 ==，可以使用严格全等 === 配合逻辑非。

javascript 复制代码

if (value !== null && value !== undefined) {
  // 代码逻辑
}

如果你是在进行赋值或条件判断（例如设置默认值），这是 ES2020 提供的最新语法。

javascript 复制代码

// 场景A：获取一个肯定有值的变量
const result = value ?? '默认值';

// 场景B：在 if 中使用（判断是否存在）
if ((value ?? false) !== false) {
  // 或者更直接地结合布尔值判断
}

注意： 如果 value 这个变量可能根本就没有被 var/let/const 声明过（直接访问会报错），那么直接使用 value != null 会抛出 ReferenceError。

此时必须使用 typeof：

javascript 复制代码

if (typeof value !== 'undefined' && value !== null) {
  // 安全地处理可能未声明的变量
}

请千万不要 使用下面这种写法，除非你同时也想过滤掉 0、false 和空字符串 ''：

javascript 复制代码

//  错误写法（过度过滤）
if (!value) {
  // 这里会把 0, false, '' 也当成空值处理，通常不是我们想要的
}