JavaScript数据类型有哪些？怎么判断变量类型？

大家好，今天本人给大家带来文章《JavaScript数据类型有哪些？如何判断变量类型？》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

JavaScript有8种数据类型：7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object）；判断类型需结合typeof（快但有局限）、Object.prototype.toString.call（最精准）、Array.isArray等方法。

JavaScript 有 8 种数据类型：7 种原始类型（primitive）和 1 种引用类型（object）。判断变量类型主要靠 typeof、instanceof、Object.prototype.toString.call() 和 Array.isArray() 等方法，但每种方法都有适用边界，需结合使用。

JavaScript 的 8 种数据类型

原始类型（值类型，按值访问）：

• string：如 "hello"
• number：如 42、3.14、NaN、Infinity
• boolean：如 true、false
• null：空值，是独立类型（但 typeof null 返回 "object"，属历史 bug）
• undefined：未赋值或未声明变量的默认值
• symbol（ES6）：唯一且不可变的值，常用于对象属性键
• bigint（ES2020）：表示任意精度整数，如 123n

引用类型（按引用访问）：

• object：包括普通对象、数组、函数、日期、正则、Map、Set、Promise 等——它们底层都是 Object 的实例，但语义和行为不同

用 typeof 判断基础类型（简单但有局限）

typeof 最快最常用，适合快速区分原始类型和函数，但对 null、数组、正则等返回不准确结果：

• typeof "abc" → "string"
• typeof 42 → "number"
• typeof true → "boolean"
• typeof undefined → "undefined"
• typeof function(){} → "function"
• typeof null → "object"（⚠️经典陷阱）
• typeof [] → "object"（不是 "array"）
• typeof /[0-9]/ → "object"
• typeof Symbol() → "symbol"
• typeof 123n → "bigint"

用 Object.prototype.toString.call() 精准识别内置对象类型

这是最可靠的方式，能区分所有内置对象的具体种类：

• Object.prototype.toString.call([]) → "[object Array]"
• Object.prototype.toString.call({}) → "[object Object]"
• 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]"
• Object.prototype.toString.call(new Map()) → "[object Map]"

可封装成工具函数：

其他实用判断方式

• 数组：优先用 Array.isArray(arr)（最标准、兼容好）
• 函数：用 typeof fn === "function"（简洁可靠）
• null：单独用 val === null（不能依赖 typeof）
• 对象（非 null）：可用 val !== null && typeof val === "object" && !Array.isArray(val)
• Promise：检查 val && typeof val.then === "function" && typeof val.catch === "function"，或更稳妥地用 val instanceof Promise（注意跨 iframe 可能失效）

今天关于《JavaScript数据类型有哪些？怎么判断变量类型？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！