JavaScript——typeof VS instanceof

最新推荐文章于 2025-02-18 07:41:00 发布
最新推荐文章于 2025-02-18 07:41:00 发布
阅读量260 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript 文章标签： javascript typeof instanceof
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37331119/article/details/78607425
本文介绍了JavaScript中使用typeof和instanceof进行类型检测的方法。typeof可用于检查基本数据类型，而instanceof则适用于判断对象的具体类型。

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

typeof

常用于检查基本数据类型，如果变量的值是对象或者null时返回“object”

instanceof

用于检测对象是一个什么类型的对象

console.log(person instanceof Object);  //true
console.log(patt instanceof RegExp);    //true
进阶理解——typeof 、instanceof
weixin_45705239的博客
08-01 946
使用 typeof 来检测基本数据类型，除了 null。使用 instanceof 来检查一个对象是否是某个特定类（或构造函数）的实例，或者说检测一个对象是否继承自某个原型。要准确地判断一个变量是否为 null，应使用严格等于比较 (=== null)。对于其他更复杂的类型检查需求，可能需要使用其他方法，比如 Object.prototype.toString.call(value)。关于第三个，这里说一下undefined 与 null 的区别。
【高频考点精讲】TypeScript类型守卫：typeof、instanceof和自定义
最新发布
全栈老李的博客
06-16 569
有时候内置的类型守卫不够用，比如你想检查一个对象是否有特定属性。// 全栈老李划重点：返回值类型是"parameterName is Type"的形式pet.meow();// TypeScript知道这里pet是Cat类型} else {pet.bark();// 所以这里只能是Dog类型自定义类型守卫的返回值类型很特殊，是的形式。这告诉TypeScript："如果这个函数返回true，那么参数就是这个类型"。
typeof VS instanceof
nostrud ipsum6
01-21 161
typeof VS instanceof 欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ 相同点：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的 区别：前者判断数据类型较多，后者判断一个变量是否属于某个对象实例 typeof的定义和...
typeof vs instanceof
IT侠客行的博客
11-08 1万+
问题一：ypeof 是否能正确判断类型？instanceof 能正确判断对象的原理是什么？ typeof对于原始类型来说，除了null都可以显示正确的类型 typeof 1 // ‘number’ typeof ‘1’ // ‘string’ typeof undefined // ‘undefined’ typeof true // ‘boolean’ typeof Symbol() // ‘s...
typeof VS instanceof
热门推荐
吴小迪的博客
06-23 2万+
读完此篇博客，你会了解到如下内容： typeof 是否能正确判断类型？ instanceof 能正确判断对象的原理是什么？ typeof 对于原始类型来说，除了 null 都可以显示正确的类型 typeof 1 // 'number' typeof '1' // 'string' typeof undefined // 'undefined' typeof true // 'boolean' ty...
JavaScript进阶系列- == vs ===, typeof vs instanceof
weixin_33698823的博客
05-17 112
我的博客仓库 == vs ===, typeof vs instanceof 用来放一些我看的书籍和学习的记录，欢迎点赞和讨论。 严格相等 === 严格相等进行比较前不会进行隐式转换。 比较步骤： 首先判断是不是相同类型，如果不是则是不严格相等 类型相同，值也相同并且不是 number 类型时，两个值全等 number 类型时，如果两个值都不是 NaN，值相同时或者两个值分别为 +0 和 -0...
typeof 和instanceof的区别
HHX_01的博客
12-09 1215
typeof: 用于检查基本数据类型（如numberstringboolean等）和函数，返回的是字符串类型的描述。它对于基本类型和函数很有效，但对于对象类型（如数组、null、日期等）并不精确。instanceof: 用于检查对象是否为某个构造函数的实例，返回的是布尔值。它适用于对象和类实例，能够区分不同的对象类型（例如数组、正则表达式、日期等）。因此，选择使用typeof还是instanceof取决于你要检查的值的类型。对于基本类型使用typeof，对于对象类型和类实例使用instanceof。
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
11-23
在javascript中，typeof 和 instanceof 是用来判断数据类型比较通用的两个方法，这篇文章的目的是通过对这两个方法介绍来分析其存在的不足并提出优化方案。 typeof ——————————————————————...
类型侦探事务所：typeof vs instanceof 的破案实录[特殊字符] —— 谁才是JavaScript世界的福尔摩斯？
T_iAn_T的博客
02-18 266
趣解typeof 和 instanceof 以及他俩的区别
IN,TYPEOF,INSTANCEOF,===运算符分别是干什么的？
IT修真院：初学者转行到互联网的聚集地
06-03 485
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【 IN,TYPEOF,INSTANCEOF,===运算符分别是干什么的？】 大家好，我是IT修真院北京分院25期的学员，一枚正直纯洁善良的web前端程序员 今天给大家分享一下，修真院官网css任务13...
typeof和instanceof的区别是什么？
qq_51441159的博客
11-04 7207
typeof和instance of 的区别
typeof和instanceof的区别
qq_43288097的博客
10-23 4833
1.typeof是什么? typeof 是一个操作符,主要的目的是检测一个变量是不是基本数据类型的变量,同时也可以说是确定一个变量是字符串,数值,布尔值,还是undefined 的最佳工具 示例代码 在这里插入var a="zhangqian"; var b=true; var c=10; var d; var e=null; var f=new Object(); alert(typeof ...
JS数据类型判断，typeof和instanceof的区别
qq_53884837的博客
03-31 4062
typeof和instanceof的区别 typeof 用于数据类型的判断，返回值有number、string、boolean、function、undefined、object 六个。 <script> var a, b, c, d, e, f,g,h,i; a = [1, 2, 3, 4, 5]; b = 1; c = "weaface"; d = false; f = null;
深入理解javascript之typeof和instanceof
brizer的博客
12-18 2万+
这次主要说说javascript的类型判断函数typeof和判断构造函数原型instanceof的用法和注意的地方。typeof先来说说typeof吧。首先需要注意的是，typeof方法返回一个字符串，来表示数据的类型。语法讲解我们先看看各个数据类型对应typeof的值： 数据类型 Type Undefined “undefined” Null “object” 布尔值
typeof与instanceof区别
aa_mmnn的博客
05-19 3889
typeof 用于判断数据类型，返回值为6个字符串，分别为string、Boolean、number、function、object、undefined。 var a = [34,4,3,54], b = 34, c = 'adsfas', d = function(){console.log('我是函数')}, e = true, f = null, g; console.lo.
iFrame 滚动条等属性的设置
一心一意码代码
10-18 3275
iFrame在不加任何修饰的情况下很丑，而且宽度也不够，出现不必要的滚动条 scrolling=no width="300px" height="200px"
append和appendTo的使用方法
一心一意码代码
05-30 1958
append$("button").click(function(){ $("p").append(" <b>Hello word!</b>"); });$('button').click(function(){ $('p').append("<b>添加内容</b>") });appendTo$('button').click(function(){ $('<b>添加成功</b
CORS（跨域资源共享）
一心一意码代码
04-10 1945
CORS（跨域资源共享）
通过鼠标的移动让图片移动
一心一意码代码
10-21 1905
onmousemove clientX clientY
javascript instanceof 判断字符串
03-21
### 使用 `instanceof` 判断字符串类型的分析 在 JavaScript 中，`instanceof` 是一种用于检测某个对象是否属于特定构造函数实例的运算符。然而，对于基本数据类型（如字符串、数字等），它并不直接适用，因为这些类型并非通过构造函数创建的对象。 #### 基本原理 当尝试使用 `instanceof String` 来判断一个值是否为字符串时，只有那些由 `new String()` 创建的对象才会返回 `true`[^3]。而对于普通的字面量字符串（例如 `"hello"` 或 `'world'`），由于它们不是通过 `String` 构造器显式创建的，因此会返回 `false`。 ```javascript console.log("hello" instanceof String); // false const strObj = new String("hello"); console.log(strObj instanceof String); // true ``` 这是因为字面量形式的字符串实际上是原始值而非真正的对象，在内部实现上与通过构造器生成的对象存在差异。 #### 替代方案 如果目标是全面而准确地区分字符串类型，则需结合其他方法共同完成此任务： 1. **利用 `typeof`** 对于简单快速的基础类型识别来说非常有效。 ```javascript console.log(typeof "hello"); // string ``` 2. **采用更精确的方式——调用内置原型链上的 `.toString()` 方法** 此方式能够覆盖更多场景并提供一致的结果输出。 ```javascript function isString(value){ return Object.prototype.toString.call(value) === '[object String]'; } console.log(isString("hello")); // true console.log(isString(new String("a"))); // true console.log(isString(12)); // false ``` 上述代码片段定义了一个通用型辅助工具函数 `isString` ，它可以正确区分不同情况下的输入参数到底是不是合法意义上的“字符串”。 --- ### 结论 综上所述，虽然可以直接运用 `value instanceof String` 形式的语法结构来进行初步筛查，但由于其局限性较大，推荐优先选用基于 `Object.prototype.toString.call()` 的解决方案作为最终判定依据[^1][^2]。 ```javascript function getType(data) { return Object.prototype.toString.call(data).slice(8, -1); } // 测试案例 console.log(getType("test") === 'String'); // true console.log(getType(new String("test")) === 'String'); // true console.log(getType(123) === 'Number'); // true ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值