JS检测数据类型 1、typeof用来检测数据类型的的运算符语法typeof[value]用typeof更严谨些typeof undefined undefined; typeof null object // 虽然是基本数据类型值 但是它属于空对象指针 检测的结果是对象局限性 typeof funtion(){} function typeof [] object typeof /^$/ object使用typeof是有自已局限性的不能具体细分出当前的值是数组还是正则也就是不能细分对象类型的值 typeof (11?0:2) number typeof 11?0:2 先计算 typeof 1---numbernumber1?0:2//常见面试题举例 typeof typeof [ ] string typeof [] object typeof object string2、instanceof constructorinstanceof检测一个实例是否隶属于某个类constructor构造函数console.log([] instanceof Array);//true console.log([] instanceof RegExp);//false【操作原理】使用instanceof检测某一个值是否属于某一个数据类型的内置类从而检测出它是否是这个类型的值使用instancof可以实现typeof实现不了的对对象类型值详细的区分检测使用instanceof检测也有自已的弊端1、基本类型值无法基于它检测不管是字面量还是实例创建的基本数据类型的值都是自已所属类的实例只不过类型不一样而已num instanceof Number -----false num2 instanceof Number -----true2、instanceof 检测的原理是基于原型链检测的只要当前类在实例的原型链上 最后返回的结果都是true但是我们的 f 其实不应该是数组虽然在它的原型上可以找到数组但是它不具备数组的基础结构constructor获取当前要检测数据值的constructor 判断它是否是某一个数据类型内置类来检测ary.constructorAA; ary.constructorArrayfalseconstructor检测数据类型非常不靠谱因为这个属性是经常容易修改的3、Object.prototype.toString.call()获取Object.prototype上的toString方法让方法中的this变为需要检测的数据类型值并且让方法执行在Number String Boolean Array Function 这些类的原型上都有一个toString方法 这个方法就是把本身的值转化为字符串的(12).toString() 12 (true).toString() true [12,23].toString() 12,23在Object这个原型上 也有一个方法toString 但是这个方法并不是把值转换为字符串而是返回当前值的所属类详细信息 “[object 所属的类]”他调取的正是Object.prototype.toStringobj.toString()首先执行的是Object.prototype.toString的方法这个方法中的this就是我们操作的数据值obj【总结】Object.prototype.toString执行的时候返回当前方法中this的所属类信息也就是我想知道谁的所属类信息我们就把这个toString方法执行并且让this变为我们检测的这个数据值那么方法的返回结果就是当前检测这个值的所属类信息如何找到它Object.prototype.toString()找到后再改其中的thisObject.prototype.toString.call()eg:({}).toString.call([value]this是谁 就返回谁的所属类的信息也就是说这个检测数据类型最长的方法 是最666的 因为他啥都能检测出来alert({name“王小四”})会弹出 “[object object]”alert会自动转字符串 但是object上的toString不是干这个的 而是转数据类型的#####检测数据类型公共方法库

相关新闻

最新新闻

3步终极解决方案:让Zotero自动获取学术文献PDF的完整指南

3步终极解决方案:让Zotero自动获取学术文献PDF的完整指南

3步终极解决方案:让Zotero自动获取学术文献PDF的完整指南 【免费下载链接】zotero-scihub A plugin that will automatically download PDFs of zotero items from sci-hub 项目地址: https://gitcode.com/gh_mirrors/zo/zotero-scihub 还在为付费墙和繁琐的…

2026/7/30 17:56:28
幻兽帕鲁存档编辑完全指南:三步实现游戏数据自由定制

幻兽帕鲁存档编辑完全指南:三步实现游戏数据自由定制

幻兽帕鲁存档编辑完全指南:三步实现游戏数据自由定制 【免费下载链接】palworld-save-tools Tools for converting Palworld .sav files to JSON and back 项目地址: https://gitcode.com/gh_mirrors/pa/palworld-save-tools 你是否曾想过完全掌控自己的幻兽…

2026/7/30 17:56:28
为什么你的戴尔G15笔记本需要抛弃AWCC?tcc-g15散热控制中心深度解析

为什么你的戴尔G15笔记本需要抛弃AWCC?tcc-g15散热控制中心深度解析

为什么你的戴尔G15笔记本需要抛弃AWCC?tcc-g15散热控制中心深度解析 【免费下载链接】tcc-g15 Thermal Control Center for Dell G15 - open source alternative to AWCC 项目地址: https://gitcode.com/gh_mirrors/tc/tcc-g15 你是否曾经在激烈的游戏对战中…

2026/7/30 17:56:28
【单片机毕设案例分享】基于光敏传感器的智能补光与安全预警设备研究 基于单片机阈值可调的多场景安全监测装置实现(013501)

【单片机毕设案例分享】基于光敏传感器的智能补光与安全预警设备研究 基于单片机阈值可调的多场景安全监测装置实现(013501)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于单片机,STM32单片机,51单片机,J…

2026/7/30 17:56:28
PiliPlus跨平台B站客户端深度解析:技术架构与用户体验的完美融合

PiliPlus跨平台B站客户端深度解析:技术架构与用户体验的完美融合

PiliPlus跨平台B站客户端深度解析:技术架构与用户体验的完美融合 【免费下载链接】PiliPlus PiliPlus 项目地址: https://gitcode.com/gh_mirrors/pi/PiliPlus PiliPlus是一款基于Flutter框架开发的开源跨平台Bilibili第三方客户端,为追求纯净体验…

2026/7/30 17:56:28
5分钟掌握LocalSend:开源跨平台文件传输的终极解决方案

5分钟掌握LocalSend:开源跨平台文件传输的终极解决方案

5分钟掌握LocalSend:开源跨平台文件传输的终极解决方案 【免费下载链接】localsend An open-source cross-platform alternative to AirDrop 项目地址: https://gitcode.com/GitHub_Trending/lo/localsend 你是否厌倦了在不同设备间传输文件时的繁琐操作&…

2026/7/30 17:51:27

月新闻