javascript如何检测数据类型_typeof和instanceof有何区别【教程】_网络技术

javascript如何检测数据类型_typeof和instanceof有何区别【教程】

发布时间 - 2026-01-28 00:00:00 点击率：次

typeof 对 null 返回 "object"（历史 bug），对数组、普通对象、正则、日期等均返回 "object"，仅对函数返回 "function"；instanceof 依赖原型链，跨 iframe 失效且无法检测原始值。

typeof 适合快速判断基本类型，但对 null 和对象（包括数组、正则、日期等）一律返回 "object"；instanceof 可识别引用类型的构造器来源，但依赖原型链，跨 iframe 失效。

typeof 对哪些值返回意外结果？

它在几个关键地方“不准”：

typeof null 返回 "object"（历史 bug，已成标准）
typeof []、typeof {}、typeof /reg/、typeof new Date() 全是 "object"
typeof function() {} 返回 "function"（这是特例，不是标准对象）
typeof Symbol() 返回 "symbol"，typeof BigInt(1) 返回 "bigint"（ES6+ 新增，表现正常）

instanceof 的原理和典型失效场景

它本质是检查 left.__proto__ 是否沿原型链能找到 right.prototype。因此：

能正确区分 [] instanceof Array（true）、{} instanceof Object（true）、/a/ instanceof RegExp（true）
但 let iframe = document.createElement('iframe'); document.body.appendChild(iframe); let arr = iframe.contentWindow.Array; [] instanceof arr 返回 false（不同全局环境，原型链断裂）
无法检测原始值：123 instanceof Number 是 false（数字字面量不是实例）

更可靠的类型检测方案（推荐组合）

单靠一个操作符不够，常用补救方式：

判空先用 value === null，再用 typeof value === "object" 避开 null 陷阱
检测数组优先用 Array.isArray(value)（最准，ES5+ 支持）

检测内置对象统一走 Object.prototype.toString.call(value)：

Object.prototype.toString.call([])   // "[object Array]"
Object.prototype.toStrin
g.call(/a/)  // "[object RegExp]"
Object.prototype.toString.call(null) // "[object Null]"

自定义类可用 instanceof，但注意避免跨上下文使用

真正难的不是记住区别，而是意识到：JavaScript 没有“类型系统”的强契约，所有检测都是基于运行时结构的推测——所以别依赖单一手段，尤其在处理第三方数据或跨环境对象时。

# javascript # es6 # java # app # win # 区别 # 数据类型 # Array # Object # NULL # date # 引用类型 # number # symbol # function # regexp # 对象 # typeof # prototype # bug # iframe # 都是 # 这是 # 几个 # 意识到 # 自定义 # 已成 # 能找到 # 再用 # 它在 # 但对

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

上一篇：晋江文学城官方网站访问地址

下一篇：html5嵌入视频画中画失效_html5嵌入画中画开启法【方

相关栏目网站优化
网络推广
网络技术
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

上一篇：晋江文学城官方网站访问地址

下一篇：html5嵌入视频画中画失效_html5嵌入画中画开启法【方