typeof与instanceof区别详解

你在学习文章相关的知识吗？本文《JS类型判断：instanceof与typeof区别详解》，主要介绍的内容就涉及到，如果你想提升自己的开发能力，就不要错过这篇文章，大家要知道编程理论基础和实战操作都是不可或缺的哦！

typeof适用于基本类型判断，但对数组、对象和null均返回"object"；instanceof通过原型链识别引用类型实例，可准确判断数组、日期等，但不适用于原始类型且在跨iframe场景可能失效。

在JavaScript中，判断数据类型是开发中常见的需求。常用的类型判断方法有 typeof 和 instanceof，它们各有用途和局限性，理解它们的差异有助于写出更可靠的代码。

typeof：适合基本类型的判断

typeof 操作符用于检测变量的基本数据类型，返回一个表示类型的字符串。它对原始类型（除null外）判断准确，但在引用类型上存在局限。

常见返回值：

• typeof 123 → "number"
• typeof 'hello' → "string"
• typeof true → "boolean"
• typeof undefined → "undefined"
• typeof function(){} → "function"
• typeof [] → "object"
• typeof null → "object" （这是历史遗留bug）

可以看出，typeof 对数组、对象、null 都返回 "object"，无法区分它们的具体类型。因此它更适合判断基础类型。

instanceof：判断引用类型的实例关系

instanceof 通过检查原型链来判断一个对象是否是某个构造函数的实例。它适用于引用类型（如数组、日期、正则等）的判断。

使用示例：

• [] instanceof Array → true
• new Date() instanceof Date → true
• /abc/ instanceof RegExp → true
• {} instanceof Object → true

注意：instanceof 在跨iframe等场景下可能失效，因为不同全局环境下的构造函数不一致。同时，它对原始类型无效，例如：

123 instanceof Number → false（因为原始值不是对象）

如何选择使用？

判断类型时应根据数据类型选择合适的方法：

• 判断是否为字符串、数字、布尔值、undefined 或 function，优先使用 typeof。
• 判断是否为数组、日期、正则等具体对象类型，使用 instanceof。
• 对于 null 的判断，直接使用 === null 最可靠。
• 更通用的方法是使用 Object.prototype.toString.call()，它可以精确识别所有内置类型。

基本上就这些。typeof 快速简单但有限，instanceof 精准但只适用于对象。结合使用，才能全面应对各种类型判断场景。不复杂但容易忽略细节。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《typeof与instanceof区别详解》文章吧，也可关注golang学习网公众号了解相关技术文章。