一、undefined 與 null 的區(qū)別

二、各種判斷方式

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

if (value == null) {
  // 相當(dāng)于 value === null || value === undefined
}

優(yōu)點：

• 簡潔、直觀。
• 同時判斷 null 和 undefined。

注意：

• 寬松相等有時會被認為不嚴謹，容易被誤用。
• 不適用于 0、false、"" 這類也“falsy”的值。

2. 使用嚴格比較（===）

if (value === null || value === undefined) {
  // 更明確的判斷
}

優(yōu)點：

• 精確控制判斷條件。
• 更顯式、語義更清晰。

缺點：

• 比 == null 稍顯冗長。

3. 使用 typeof（判斷是否為 undefined）

if (typeof value === 'undefined') {
  // 判斷未定義
}

優(yōu)點：

• 安全地判斷未聲明變量。
• 可用于全局變量或未聲明變量的判斷。

不判斷 null，僅用于檢測 undefined。

4. 使用可選鏈與空值合并（ES2020+）

let result = value ?? 'default';
// value 為 null 或 undefined 時使用 'default'

優(yōu)點：

• 適用于賦默認值。
• 寫法簡潔，安全高效。

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

5. 使用 == null 配合邏輯非（常見于布爾上下文）

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

雖然不推薦，但在某些場景中可能看到這樣的寫法。建議保持代碼可讀性，優(yōu)先使用清晰寫法。

三、實際應(yīng)用建議

四、陷阱與誤用

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

if (!value) {
  // 會錯誤判斷 0, "", false 為“空”
}

不推薦用于判斷是否為 null 或 undefined，除非明確希望將 false、0、"" 也視為“無效值”。

五、總結(jié)

六、附加建議

• 對公共函數(shù)或 API 入?yún)?，建議使用顯式判斷，避免類型模糊帶來的副作用。
• 編寫工具函數(shù)提高可讀性，例如：

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

這樣在閱讀代碼時更具語義性：

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

結(jié)語

判斷變量是否為 null 或 undefined 是基礎(chǔ)但關(guān)鍵的技巧。理解每種寫法的語義與適用場景，能寫出更健壯、更易維護的代碼。在日常開發(fā)中，推薦統(tǒng)一使用 value == null 或 value ?? 等更現(xiàn)代、更語義化的寫法，提升代碼一致性和可讀性。

以上就是JavaScript判斷變量是否為null或undefined的方法及對比詳解的詳細內(nèi)容，更多關(guān)于JavaScript判斷變量null或undefined的資料請關(guān)注腳本之家其它相關(guān)文章！