深入理解 JavaScript 的 typeof 运算符：返回的数据类型
JavaScript 的 typeof 运算符是开发中用于检测值类型的基础工具。虽然看似简单，但其行为存在需要开发者理解的微妙细节。本文将解析 typeof 返回的数据类型，探讨边界案例，并分享类型检查的最佳实践。
typeof 会返回哪些类型？
typeof 运算符返回一个表示未计算操作数类型的字符串。以下是所有可能的返回值：
| typeof 结果 | 描述 | 示例 |
|---|---|---|
"undefined" | 未声明或未定义的值 | let x; typeof x |
"boolean" | 布尔值（true/false） | typeof true |
"number" | 数字值（包括 NaN） | typeof 42 |
"string" | 字符串 | typeof "hello" |
"bigint" | 大整数（ES2020+） | typeof 9007199254740991n |
"symbol" | Symbol 类型（ES6+） | typeof Symbol() |
"function" | 函数对象 | typeof function() {} |
"object" | 对象、数组、null 和日期对象 | typeof {}, typeof null |
关键观察与边界案例
1. null 的怪异行为
typeof null 会返回 "object"，这是 JavaScript 早期的历史遗留问题：
javascript
复制
下载
console.log(typeof null); // "object"（历史性缺陷）
2. 函数的特殊性
尽管函数本质是对象，typeof 会单独处理它们：
javascript
复制
下载
typeof function() {} // "function"
typeof class {} // "function"（类本质是构造函数）
3. 数组也是对象
数组会返回 "object"，需用 Array.isArray() 准确检测：
javascript
复制
下载
typeof [1,2,3] // "object" Array.isArray([1,2,3]) // true
4. NaN 的数值类型
虽然表示“非数字”，NaN 仍被归类为数值类型：
javascript
复制
下载
typeof NaN // "number"
5. 未声明与未定义的区别
javascript
复制
下载
let declaredButUndefined; typeof declaredButUndefined // "undefined"（已声明但未赋值） typeof nonExistentVariable // "undefined"（未声明的变量不报错）
类型检查最佳实践
对于复杂类型检测，建议结合其他方法：
-
数组检测：使用
Array.isArray() -
Null 检测：直接全等比较
value === null -
纯对象检测：复合判断：
javascript
复制
下载
function isPlainObject(value) {return value !== null && typeof value === 'object' && !Array.isArray(value); } -
自定义类型：使用
instanceof或Object.prototype.toString：javascript
复制
下载
Object.prototype.toString.call([]) // "[object Array]" Object.prototype.toString.call(null) // "[object Null]"
为什么 typeof null 返回 "object"？
这一行为源于 JavaScript 最初版本（1995 年）的实现细节：值类型标签存储在一个 32 位单元中，null 的二进制表示（全零）被错误地识别为对象类型标签（类型 0）。由于兼容性考虑，此问题从未被修复。
总结
typeof 运算符会返回 8 种可能的字符串，是检测基本类型的有效工具，但需注意其局限性：
-
对
null、数组和对象的检测不够精确 -
未声明的变量不会抛出错误，而是返回
"undefined"
在实际开发中，建议：
-
对
null使用全等比较（=== null） -
对数组使用
Array.isArray() -
对复杂类型使用
Object.prototype.toString.call()