JavaScript常见数据类型及类型判断方法

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《JavaScript数据类型有哪些？如何判断变量类型？》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

JavaScript类型判断需组合使用：先用typeof区分6种原始类型（null除外），再用=== null单独处理，其余统一用Object.prototype.toString.call()获取内部标签；跨iframe时instanceof失效，应优先用Array.isArray()等专用方法。

JavaScript 的数据类型分两类：原始类型（primitive）和对象类型（object），但 typeof null 返回 "object" 是历史遗留 bug，instanceof 对基础类型无效，单靠 typeof 无法准确区分数组、正则、日期等对象子类型。

原始类型只有 7 种，typeof 能可靠识别其中 6 种

typeof 对 undefined、boolean、number、string、symbol、bigint 返回对应小写字符串，是唯一安全的判断方式；但它对 null 返回 "object"，必须单独处理。

• typeof undefined → "undefined"
• typeof true → "boolean"
• typeof 42 → "number"
• typeof "hi" → "string"
• typeof Symbol() → "symbol"
• typeof 1n → "bigint"
• typeof null → "object"（错误，需用 value === null 单独判断）

对象类型统一返回 "object"，得用 Object.prototype.toString.call()

Object.prototype.toString.call() 是目前最通用、最可靠的类型检测方法，它能精确返回 [object Array]、[object Date]、[object RegExp] 等内部标签。所有内置对象（包括 Array、Map、Set、Promise）都继承自 Object.prototype，且该方法不可被轻易覆盖。

Object.prototype.toString.call([])        // "[object Array]"
Object.prototype.toString.call(new Date()) // "[object Date]"
Object.prototype.toString.call(/abc/)      // "[object RegExp]"
Object.prototype.toString.call(null)     // "[object Null]"
Object.prototype.toString.call(undefined) // "[object Undefined]"

注意：toString() 方法本身不能直接调用（如 ({}).toString() 会返回 "[object Object]"），必须用 .call() 绑定目标值。

需要区分自定义类或跨 iframe 实例时，constructor 和 instanceof 不可靠

instanceof 依赖原型链查找，遇到跨 iframe 或模块隔离场景会失效（比如在 iframe 中创建的 Array 在主窗口中 arr instanceof Array 为 false）；constructor 属性可被修改或丢失，也不稳定。

• 跨 iframe 数组：用 Array.isArray() 替代 instanceof Array
• 正则、日期等：仍优先用 Object.prototype.toString.call()
• 自定义类实例：若需严格校验，应配合 Symbol.toStringTag（仅限可控环境）或显式添加类型标识字段

生产环境推荐组合判断逻辑

没有“银弹”方案，实际项目中建议按需组合：

• 先用 typeof 快速区分原始类型（除 null）
• 再用 === null 单独捕获 null
• 剩余所有值统一走 Object.prototype.toString.call(value) 解析内部标签
• 对已知高频类型（如 Array、Promise）可加专用判断（Array.isArray()、value && typeof value.then === 'function'）提升可读性

真正容易被忽略的是：document.all 在浏览器中是 undefined 类型但 typeof document.all 返回 "undefined"，而 Object.prototype.toString.call(document.all) 返回 "[object HTMLAllCollection]" —— 这种非标准宿主对象的存在，让“100% 准确”本身就成了一个需要上下文约束的目标。

理论要掌握，实操不能落！以上关于《JavaScript常见数据类型及类型判断方法》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！