instanceof与typeof的区别

最新推荐文章于 2025-06-11 19:57:40 发布

qq_42164670

最新推荐文章于 2025-06-11 19:57:40 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_42164670/article/details/83210705

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了JavaScript中的typeof操作符和instanceof运算符的使用方法。typeof用于检查变量的数据类型，如字符串、数字、布尔值等；instanceof则用于检测对象是否为特定构造函数的实例，帮助确定对象的具体类型。

typeof

可通过 typeof 操作符查看 JavaScript 变量的数据类型。

typeof "John"                 // 返回 string 
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
typeof null                   // 返回 object

请注意：

NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined

如果对象是 JavaScript Array 或 JavaScript Date ，我们就无法通过 typeof 来判断他们的类型，因为都是返回 Object。

instanceof

instanceof运算符用来检测 constructor.prototype是否存在于参数 object 的原型链上。返回布尔值，如果存在返回 true，否则返回 false：

语法：object instanceof constructor

//常规
var oStringObject = new String("hello world"); 
console.log(oStringObject instanceof String);   // 输出 "true"
// 判断 foo 是否是 Foo 类的实例
function Foo(){} 
var foo = new Foo(); 
console.log(foo instanceof Foo)//true

//instanceof 在继承中关系中的用法
// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例
function Aoo(){} 
function Foo(){} 
Foo.prototype = new Aoo();//JavaScript 原型继承
 
var foo = new Foo(); 
console.log(foo instanceof Foo)//true 
console.log(foo instanceof Aoo)//true

//instanceof 复杂用法

console.log(Object instanceof Object);//true 
console.log(Function instanceof Function);//true 
console.log(Number instanceof Number);//false 
console.log(String instanceof String);//false 
console.log(Function instanceof Object);//true 
console.log(Foo instanceof Function);//true 
console.log(Foo instanceof Foo);//false