JavaScript typeof和instanceof有何区别_何时使用？-js教程-PHP中文网

JavaScript typeof和instanceof有何区别_何时使用？

紅蓮之龍

发布： 2025-12-18 18:17:02

原创

246人浏览过

typeof适合检测基本类型和函数，返回字符串；instanceof专用于判断对象是否由指定构造函数创建，返回布尔值。二者定位不同、不可混用。

javascript typeof和instanceof有何区别_何时使用？

判断 JavaScript 中变量的类型，typeof 和 instanceof 是最常用的两个工具，但它们定位不同、适用场景也不同。简单说：typeof 适合查基本类型和函数，instanceof 专用于检测对象是否由某个构造函数创建。

typeof：查“值的底层类别”，返回字符串

它能快速告诉你一个值属于哪一类原始类型或特殊标识：

对 number、string、boolean、undefined、symbol、bigint、function 都能准确返回对应字符串
null 是个例外，typeof null 返回 "object"（历史 bug，但已成标准）
所有引用类型——Array、Date、RegExp、普通对象、甚至 new String("a")——统统返回 "object"
常用来安全检测变量是否声明：if (typeof myVar !== "undefined") { ... }，避免 ReferenceError

instanceof：查“对象的出身”，返回布尔值

它只关心「这个对象是不是通过某个构造函数（或其原型链）实例化出来的」：

左边必须是对象（非原始值），否则直接返回 false；右边必须是函数（有 prototype），否则报错
[] instanceof Array → true，new Date() instanceof Date → true
因为原型链继承，[] instanceof Object 也是 true，new Date() instanceof Object 同样为 true
注意跨 iframe 或不同 JS 上下文时会失效（构造函数不共享）

什么时候该用哪个？

按需求选，不混用：

网奇Eshop网络商城系统

网奇.NET网络商城系统是基于.Net平台开发的免费商城系统。功能强大，操作方便，设置简便。无需任何设置，上传到支持asp.net的主机空间即可使用。系统特色功能：1、同时支持Access和SqlServer数据库；2、支持多语言、多模板3、可定制缺货处理功能4、支持附件销售功能5、支持会员组批发功能6、提供页面设计API函数7、支持预付款功能8、配送价格分地区按数学公式计算9、商品支持多类别，可

查看详情

立即学习“Java免费学习笔记（深入）”；

想知道是不是数字、字符串、函数、未定义？→ 用 typeof
想知道是不是数组、正则、日期、自定义类的实例？→ 优先用 Array.isArray()、obj instanceof RegExp 等
要兼容老环境且需精确识别数组？Object.prototype.toString.call(arr) === "[object Array]" 更可靠
不要用 typeof [] === "array"（无效），也不要拿 "hello" instanceof String（永远 false，除非是 new String()）