在JavaScript中判斷變量是否未定義的核心方法是使用typeof操作符。1. typeof是最常用且安全的方法，不會因變量未定義而報錯，直接返回”undefined”；2. 可結合window對象的屬性判斷全局變量是否存在，如使用in操作符或hasownproperty方法；3. try…catch語句可捕獲referenceerror錯誤，但性能開銷較大且不推薦；4. void操作符配合typeof可簡化代碼寫法；5. 利用JS容錯性時需注意undefined與NULL的相等性判斷問題。為避免“變量未定義”錯誤，應確保變量先聲明和初始化，優先使用let和const，并借助eslint等工具檢查潛在問題。typeof成為最佳選擇的原因在于其安全性、易用性和通用性，適用于所有變量類型。全局變量可通過window對象屬性檢測，而局部變量只能使用typeof或try…catch判斷。undefined表示變量未賦值，null則表示有意設置為空值，兩者在用途和來源上存在區別，判斷時應根據具體需求選擇合適的方式。
js如何判斷變量是否未定義，本質上就是在告訴你，別踩坑！因為在JS里，訪問一個未聲明的變量會直接報錯，導致程序中斷。但有時候，我們又必須得知道某個變量到底存不存在。
解決方案
判斷變量是否未定義，核心在于避免直接訪問可能不存在的變量，而是通過一些“迂回”的方式來探測。
-
typeof 操作符： 這是最常用也最穩妥的方法。typeof 不會因為變量未定義而報錯，而是返回 “undefined”。
if (typeof myVar === 'undefined') { console.log('myVar is not defined'); }這里有個小技巧，typeof 后面可以跟變量名，也可以跟字符串形式的變量名，例如 typeof ‘myVar’，結果是一樣的。
-
window 對象的屬性判斷 (僅限于全局變量): 全局變量實際上是 window 對象的屬性。我們可以用 in 操作符或 hasOwnProperty 方法來檢查 window 對象是否擁有該屬性。
if (!('myVar' in window)) { console.log('myVar is not defined (globally)'); } // 或者 if (!window.hasOwnProperty('myVar')) { console.log('myVar is not defined (globally)'); }注意：這種方法只適用于全局變量，局部變量無效。
-
try…catch 語句： 這是一種比較“暴力”的方法，直接嘗試訪問變量，如果報錯，就說明變量未定義。
try { console.log(myVar); // 嘗試訪問 } catch (e) { if (e instanceof ReferenceError) { console.log('myVar is not defined (ReferenceError)'); } }雖然能用，但一般不推薦，因為 try…catch 會影響性能，而且會捕獲所有錯誤，需要判斷是不是 ReferenceError。
-
使用 void 操作符配合 typeof： void 操作符會返回 undefined，可以用來簡化代碼。
if (typeof myVar === void 0) { console.log('myVar is not defined'); }其實和第一種方法差不多，只是寫法上更簡潔一點。
-
利用 JavaScript 的容錯性： 在某些特定情況下，可以直接使用變量，如果變量未定義，JS 會自動將其視為 undefined。
let myVar; // 聲明但未賦值 if (myVar == undefined) { // 注意是 == 而不是 === console.log('myVar is undefined or null'); }這種方法需要小心，因為 undefined == null 會返回 true，所以它會把 null 也當做未定義。
如何避免“變量未定義”錯誤？
最好的方法當然是預防！在使用變量之前，一定要確保它已經被聲明和初始化。
-
使用 let 和 const： let 和 const 聲明的變量有塊級作用域，可以避免變量污染，更容易追蹤變量的生命周期。
-
養成良好的編碼習慣： 在代碼中明確聲明所有需要使用的變量，避免隱式全局變量的產生。
-
使用代碼檢查工具： ESLint 等代碼檢查工具可以幫助你發現潛在的“變量未定義”錯誤。
為什么 typeof 是判斷未定義變量的最佳選擇？
typeof 之所以成為最佳選擇，是因為它具有以下幾個優點：
- 不會報錯： 即使變量未定義，typeof 也能安全地返回 “undefined”，避免程序中斷。
- 簡單易用： typeof 的語法簡單明了，容易理解和使用。
- 通用性強： typeof 可以用于任何變量，無論是全局變量還是局部變量。
全局變量和局部變量的未定義判斷有什么區別？
全局變量是 window 對象的屬性，可以使用 in 操作符或 hasOwnProperty 方法來判斷是否存在。局部變量則不能用這種方法，只能使用 typeof 或 try…catch。
function myFunction() { let localVar; // 無法使用 'localVar' in window 來判斷 localVar 是否存在 if (typeof localVar === 'undefined') { console.log('localVar is not defined'); } }
undefined 和 null 的區別是什么？什么時候應該使用哪個？
undefined 表示變量已聲明但未賦值，或者函數沒有返回值。null 則是一個特殊的 Object 類型，表示“空”或“不存在”。
- undefined： 通常由 JavaScript 引擎自動賦予，表示變量的初始狀態。
- null： 通常由程序員手動賦值，表示變量有意地設置為空值。
在判斷變量是否“為空”時，需要根據具體情況選擇使用 undefined 或 null。如果只是想判斷變量是否已賦值，可以使用 typeof 或 == undefined。如果想判斷變量是否被顯式地設置為空值，可以使用 === null。
let myVar; // myVar is undefined myVar = null; // myVar is now null
