JavaScript数据类型有哪些_如何准确判断一个变量的类型_网络技术

JavaScript数据类型有哪些_如何准确判断一个变量的类型

发布时间 - 2025-12-31 00:00:00 点击率：次

JavaScript有7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object），共8种；typeof无法准确判断null和多数对象，推荐用Object.prototype.toString.call()精准识别。

JavaScript 有 7 种原始（primitive）数据类型和 1 种引用（object）类型，共 8 种。准确判断变量类型不能只靠 typeof，它对 null 和多数对象都返回 "object"，容易误判。

7 种原始类型 + 1 种对象类型

原始类型（按字面量直接创建，不可变，存于栈内存）：

string：如 "hello"
number：如 42、3.14、NaN、Infinity
boolean：如 true、false
null：唯一值 null（注意：typeof null === "object" 是历史 bug）
undefined：未赋值或未声明变量的默认值
symbol（ES6）：唯一且不可变的标识符，常用于对象属性键
bigint（ES2025）：表示任意精度整数，如 123n

引用类型（对象，存于堆内存，变量存储的是引用）：

object：包括普通对象、数组、函数、日期、正则、Map、Set、Promise 等所有非原始类型——它们的 typeof 多数返回 "object" 或 "function"，需进一步区分

推荐的类型判断方法：Object.prototype.toString.call()

这是最可靠、可扩展的通用方式，能精准识别内置对象类型：

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

可封装为工具函数：

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}
// getType([]) → "Array"
// getType(Promise.resolve()) → "Promise"

按场景选择合适的方法

快速判断原始类型（排除 null/undefined）：用 typeof

typeof "abc" === "string"
typeof 42 === "number"
typeof function(){} === "function"（函数是对象的特例，但 typeof 单独识别）

单独确认 null：用严格相等 value === null

判断数组：优先用 Array.isArray(value)（比 toString.call 更语义化、性能略优）

判断 Promise / Map / Set 等新对象：仍依赖 toString.call，因为 instanceof 在跨 iframe 场景下会失效

常见误区提醒

typeof null 返回 "object" —— 不是类型，是引擎早期 bug，已成标准，无法更改
typeof NaN 返回 "number" —— 因为 NaN 是一个特殊的数值
[] == false 为 true，但 [] 类型仍是 "object" —— 类型判断和值比较无关
new String("a") 是对象，typeof 返回 "object"；而 "a" 是原始字符串 —— 字面量与构造函数创建的类型不同

# javascript # es6 # java # 工具 # 栈

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作

下一篇：Laravel如何获取当前用户信息_Laravel Auth

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作

下一篇：Laravel如何获取当前用户信息_Laravel Auth