要準確判斷JavaScript中的變量類型需根據場景選擇合適方法。1. typeof適用于基本類型判斷，但無法區分對象、數組和NULL；2. instanceof用于判斷對象是否為某構造函數實例，但不能判斷基本類型；3. Object.prototype.tostring.call()最可靠，可區分所有類型；4. 判斷null應使用===或tostring方法；5. 判斷對象需排除null和數組；6. 判斷函數可用typeof或tostring方法；7. 判斷nan應使用number.isnan()。理解各方法原理及適用場景是關鍵。
在JavaScript中，判斷變量類型并非一蹴而就，需要根據具體場景選擇最合適的策略。沒有銀彈，只有最合適的選擇。
判斷變量類型，需要根據不同情況采取不同策略。
如何準確判斷JavaScript中的變量類型？
JavaScript 提供了多種判斷變量類型的方法，但每種方法都有其適用場景和局限性。要做到準確判斷，需要了解這些方法的底層原理，并根據實際情況靈活運用。
-
typeof 操作符：
typeof 是最常用的類型判斷工具，它會返回一個字符串，表示變量的類型。
console.log(typeof 123); // "number" console.log(typeof "hello"); // "string" console.log(typeof true); // "boolean" console.log(typeof undefined); // "undefined" console.log(typeof Symbol()); // "symbol" (ES6) console.log(typeof function(){}); // "function" console.log(typeof null); // "object" <-- 注意！ console.log(typeof {}); // "object" console.log(typeof []); // "object"
typeof 的優點是簡單快捷，但它也有一個明顯的缺點：對于 null、數組和對象，typeof 都會返回 “object”，無法區分它們。這是 JavaScript 的一個歷史遺留問題。
-
instanceof 操作符：
instanceof 用于判斷一個對象是否是某個構造函數的實例。
function Person(name) { this.name = name; } const person = new Person("Alice"); console.log(person instanceof Person); // true console.log(person instanceof Object); // true (因為 Person 繼承自 Object) console.log([] instanceof Array); // true console.log([] instanceof Object); // true console.log(null instanceof Object); // 報錯，null沒有原型鏈instanceof 的原理是沿著原型鏈向上查找，如果找到對應的構造函數，則返回 true。instanceof 可以區分自定義對象和內置對象，但它不能判斷基本類型，也不能跨 iframe 使用。
-
Object.prototype.toString.call() 方法：
這是最可靠的類型判斷方法。Object.prototype.toString.call() 會返回一個形如 “[object Type]” 的字符串，其中 Type 表示變量的類型。
console.log(Object.prototype.toString.call(123)); // "[object Number]" console.log(Object.prototype.toString.call("hello")); // "[object String]" console.log(Object.prototype.toString.call(true)); // "[object Boolean]" console.log(Object.prototype.toString.call(undefined)); // "[object Undefined]" console.log(Object.prototype.toString.call(null)); // "[object Null]" console.log(Object.prototype.toString.call({})); // "[object Object]" console.log(Object.prototype.toString.call([])); // "[object Array]" console.log(Object.prototype.toString.call(new Date())); // "[object Date]" console.log(Object.prototype.toString.call(function(){})); // "[object Function]"Object.prototype.toString.call() 可以判斷所有類型，包括基本類型、內置對象和自定義對象。它也是跨 iframe 安全的。
-
其他方法：
- Array.isArray()：專門用于判斷是否為數組。
- Number.isNaN()：專門用于判斷是否為 NaN (Not a Number)。注意，isNaN() 會先將參數轉換為數字，再進行判斷，而 Number.isNaN() 不會進行類型轉換。
如何處理JavaScript中null的類型判斷？
typeof null 返回 “object” 是 JavaScript 的一個歷史遺留問題。要準確判斷 null，只能使用嚴格相等運算符 ===。
console.log(null === null); // true
使用 Object.prototype.toString.call(null) 也可以得到 “[object Null]”，但通常情況下，直接使用 === 更簡潔。
如何在JavaScript中判斷一個變量是否為對象？
判斷一個變量是否為對象，需要排除 null 和數組。
function isObject(value) { return typeof value === 'object' && value !== null && !Array.isArray(value); } console.log(isObject({})); // true console.log(isObject([])); // false console.log(isObject(null)); // false console.log(isObject(123)); // false
這個函數首先使用 typeof 判斷變量是否為 “object”，然后排除 null 和數組。
如何在JavaScript中判斷一個變量是否為函數？
使用 typeof 可以判斷一個變量是否為函數。
console.log(typeof function(){}); // "function"
但需要注意的是，在某些瀏覽器中，typeof 對正則表達式會返回 “function”。為了更準確地判斷是否為函數，可以使用 Object.prototype.toString.call()。
function isFunction(value) { return Object.prototype.toString.call(value) === '[object Function]'; } console.log(isFunction(function(){})); // true console.log(isFunction(/abc/)); // false
總結
選擇哪種類型判斷方法取決于具體的需求。
- 如果只需要簡單判斷基本類型，可以使用 typeof。
- 如果需要判斷自定義對象，可以使用 instanceof。
- 如果需要最可靠的類型判斷，可以使用 Object.prototype.toString.call()。
- 判斷 null 只能使用 ===。
- 判斷數組可以使用 Array.isArray()。
- 判斷 NaN 應該使用 Number.isNaN()。
理解這些方法的原理和適用場景，可以幫助你編寫更健壯的 JavaScript 代碼。
