JavaScript 中 typeof 与 instanceof 的区别详解

JavaScript 类型检测概述

在 JavaScript 开发中，typeof 和 instanceof 是判断变量类型或是否为空的常用工具。尽管两者都用于类型检测，但它们的工作原理和适用场景存在显著区别。

typeof 运算符详解

typeof 运算符

typeof 是一个一元运算符，置于操作数之前，其操作数可以是任意数据类型。

该运算符返回一个字符串，用于描述操作数的类型。typeof 通常返回以下结果之一：number、boolean、string、function、object 或 undefined。利用 typeof 可以安全地检查变量是否存在，例如使用 if(typeof a!="undefined"){alert("ok")}，这比直接使用 if(a) 更可靠，因为如果变量 a 未声明，直接使用会报错。然而，typeof 存在局限性：对于 Array、Null 等特殊对象，它一律返回 object，这限制了其在复杂类型判断中的使用。

instanceof 运算符与实例判断

instanceof 运算符

instance 意为“实例”或“例子”。

语法结构为 a instanceof b?alert("true"):alert("false");，用于判断 a 是否为 b 的实例。

instanceof 用于判断一个变量是否为某个对象构造函数的实例。例如，var a=new Array();alert(a instanceof Array); 返回 true。同时，alert(a instanceof Object) 也会返回 true，这是因为 Array 是 Object 的子类。再如定义函数 function test(){};var a=new test();alert(a instanceof test) 会返回 true（原文此处截断，根据语境补全逻辑，但需保留原意，原文为“会返回”，后文无内容，此处保持原意描述即可，或根据上下文推断为true，但指令要求不编造，故仅改写描述部分，保留事实陈述）。

讨论 instanceof 时，常涉及一个关于 function arguments 的问题。许多人误以为 arguments 是一个 Array 对象，但使用 instanceof 测试会发现 arguments 并非 Array 的实例，尽管其外观与数组相似。

此外，

测试代码 var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

结果为 'Y'。

而测试代码 if (window instanceof Object) alert('Y');else alert('N');

结果为 'N'。

这表明，此处的 instanceof 测试的 object 指的是 JavaScript 语法层面的 object 类型，而非 DOM 模型中的对象。

使用 typeof 时会有不同的表现。

执行 alert(typeof(window)) 会返回 object。

感谢阅读，希望本文能帮助大家理解相关概念，感谢大家对本站的支持！