js如何檢測(cè)變量是否為undefined 5種檢測(cè)undefined的有效方式！

在JavaScript中檢測(cè)變量是否為undefined，最可靠的方法是使用typeof操作符或void 0。1. 使用typeof操作符：通過typeof返回字符串”undefined”來判斷，即使變量未聲明也不會(huì)報(bào)錯(cuò)；2. 使用void 0：void操作符保證返回真正的undefined，避免undefined被重寫導(dǎo)致誤判；3. 避免直接與undefined比較：因全局undefined可能被修改，存在誤判風(fēng)險(xiǎn)；4. 其他方法包括檢查window對(duì)象屬性和使用in操作符，但這些僅適用于瀏覽器環(huán)境的全局變量。區(qū)分undefined和NULL時(shí)應(yīng)使用嚴(yán)格相等（===），undefined表示未賦值，null表示空對(duì)象指針。處理函數(shù)參數(shù)時(shí)可使用es6默認(rèn)值，有效避免undefined帶來的問題。

在JavaScript中，檢測(cè)一個(gè)變量是否為undefined，方法還真不少，但有些看似靠譜的，實(shí)際上暗藏玄機(jī)。下面我來分享幾種我常用的，以及一些需要避坑的姿勢(shì)。

解決方案（直接輸出解決方案即可）

1. 使用 typeof 操作符

   

   這應(yīng)該是最常見，也是我最推薦的方式。typeof 會(huì)返回一個(gè)字符串，告訴你變量的類型。如果變量未定義，typeof 會(huì)返回 “undefined”。

   

   let myVar; if (typeof myVar === "undefined") {   console.log("myVar is undefined"); }

   這種方式的優(yōu)點(diǎn)在于，即使變量未聲明，也不會(huì)報(bào)錯(cuò)。

2. 直接與 undefined 比較

   可以直接將變量與 undefined 進(jìn)行比較。

   let myVar; if (myVar === undefined) {   console.log("myVar is undefined"); }

   不過，這種方式有個(gè)小坑。如果全局作用域中存在一個(gè)值為 undefined 的變量，可能會(huì)導(dǎo)致誤判。

3. 使用 void 0

   void 操作符會(huì)返回 undefined。 void 0 是一種更安全的方式，因?yàn)樗ＷC了 undefined 的值不會(huì)被意外修改。

   let myVar; if (myVar === void 0) {   console.log("myVar is undefined"); }

   其實(shí)，void(0) 和 void 0 效果一樣，括號(hào)可以省略。

4. 檢查 window 對(duì)象屬性（僅限瀏覽器環(huán)境）

   在瀏覽器環(huán)境中，可以使用 window 對(duì)象來檢查變量是否存在。

   let myVar; if (typeof window.myVar === 'undefined') {     console.log("myVar is undefined"); }

   這種方法只適用于全局變量。如果變量在函數(shù)內(nèi)部聲明，這種方法就無效了。

5. 使用 in 操作符

   in 操作符用于檢查對(duì)象是否具有指定的屬性。如果變量未定義，它不會(huì)是任何對(duì)象的屬性。

   let myVar; if (!('myVar' in window)) {     console.log("myVar is undefined"); }

   同樣，這種方式也只適用于全局變量。

為什么不推薦直接使用 myVar === undefined？

直接比較看起來簡(jiǎn)單粗暴，但其實(shí)有個(gè)潛在的問題。在一些老舊的瀏覽器或特定的JavaScript環(huán)境中，undefined 可能會(huì)被重新賦值。雖然這種情況現(xiàn)在很少見，但為了代碼的健壯性，還是推薦使用 typeof 或 void 0。

如何區(qū)分 undefined 和 null？

undefined 表示變量已聲明，但尚未賦值。null 則表示一個(gè)空對(duì)象指針，是一個(gè)明確的“無”值。它們是不同的類型，但使用 == 進(jìn)行比較時(shí)會(huì)返回 true，因?yàn)?JavaScript 會(huì)進(jìn)行類型轉(zhuǎn)換。要嚴(yán)格區(qū)分它們，應(yīng)該使用 ===。

let myVar; let myNull = null;  console.log(myVar == null); // true console.log(myVar === null); // false console.log(myVar === undefined); // true console.log(myNull === undefined); // false

在函數(shù)參數(shù)中使用默認(rèn)值，避免 undefined

ES6 引入了函數(shù)參數(shù)默認(rèn)值，可以更優(yōu)雅地處理 undefined 的情況。

function greet(name = "Guest") {   console.log(`Hello, ${name}!`); }  greet(); // Hello, Guest! greet("Alice"); // Hello, Alice! greet(undefined); // Hello, Guest!

這樣，即使調(diào)用函數(shù)時(shí)沒有傳遞參數(shù)，或者傳遞了 undefined，函數(shù)也能正常工作。