type of与instance of的区别

最新推荐文章于 2025-05-28 14:36:58 发布

谢向晚

最新推荐文章于 2025-05-28 14:36:58 发布

阅读量419

点赞数

分类专栏：面试题 javaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/lwx33912138/article/details/128006484

版权

面试题同时被 2 个专栏收录

19 篇文章

订阅专栏

javaScript

6 篇文章

订阅专栏

本文详细介绍了JavaScript中`typeof`和`instanceof`的使用方法，包括它们分别如何检测数据类型和对象关联，以及各自的返回值和适用场景。通过实例演示了不同类型的数据类型检测结果，并强调了两者在对象类型识别上的互补作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

typeof 检测数据类型

意为什么什么的类型，在javaScript中检测变量是什么类型，同时输出这个类型的名字；

各种变量通过 type of 检测之后会有什么输出结果

typeof undefined
'undefined'
typeof true
'boolean'
typeof 123
'number'
typeof NaN
'number'
typeof 'abc'
'string'
typeof function(){}
'function'
typeof Symbol
'function'

-------------------------------------------------------------
typeof []
'object'
typeof {}
'object'
typeof null //null为空的对象引用
'object'
typeof new Date() //new和构建函数创建的新函数
'object'
typeof 123abc
'bigint'
typeof Symbol('a')
'symbol'

小结：返回一个小写字母的类型字符串，只需要一个操作数，操作数可以是简单数据类型或者对象或者函数

instanceof 检测对象之间的关联性

type of 可以检测到很多类型都是对象类型，而不知道是什么类型的对象。那么instance of就可以弥补type of的缺点，来检测是什么类型的对象

instanceof原理就是判断实例对象的__proto__是否跟构造函数的prototype相等

a = {}
a instanceof Object
true
b = []
b instanceof Array
true

注意：左边的操作数一定要是引用类型值，如果是基本类型值的话会返回false

对比

	type of	instan of
作用	检测数据类型	检测对象之间的关联性
返回值	小写字母字符串	布尔值
操作数	简单数据类型，函数或者对象	左边必须是引用类型，右边必须是函数
操作数数量	1个	2个