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不是干这个的 而是转数据类型的#####检测数据类型公共方法库

相关新闻

最新新闻

SerenityOS 命令行选项解析指南:getopt 与 getopt_long 用法、返回值与底层实现

SerenityOS 命令行选项解析指南:getopt 与 getopt_long 用法、返回值与底层实现

SerenityOS 命令行选项解析指南:getopt 与 getopt_long 用法、返回值与底层实现 【免费下载链接】serenity The Serenity Operating System 🐞 项目地址: https://gitcode.com/GitHub_Trending/se/serenity 导读 本文以 getopt(3) 手册 为核心&a…

2026/9/23 4:54:42
轻量服务器还是ECS?大促云服务器选购与避坑实战指南

轻量服务器还是ECS?大促云服务器选购与避坑实战指南

每年大促节点,群里永远有人在问同一个问题:“38元的轻量服务器到底怎么抢?为什么我每次点进去都是已售罄?68元直购和99元的ECS我到底选哪个?”作为一个常年帮团队和自己采购云服务器的老用户,我太清楚这种纠…

2026/9/21 18:32:39
为 AI 代理的 Review 动作编写 Cedar 审批门控策略:review-agent-governance 策略编写实战指南

为 AI 代理的 Review 动作编写 Cedar 审批门控策略:review-agent-governance 策略编写实战指南

为 AI 代理的 Review 动作编写 Cedar 审批门控策略:review-agent-governance 策略编写实战指南 【免费下载链接】agents Multi-harness agentic plugin marketplace for Claude Code, Codex, Cursor, OpenCode, GitHub Copilot, and Google Antigravity 项目地址:…

2026/9/21 18:31:24
PaddleOCR 手写数学公式识别算法 CAN 实战指南:Counting-Aware Network 训练、评估与推理部署

PaddleOCR 手写数学公式识别算法 CAN 实战指南:Counting-Aware Network 训练、评估与推理部署

PaddleOCR 手写数学公式识别算法 CAN 实战指南:Counting-Aware Network 训练、评估与推理部署 【免费下载链接】PaddleOCR Turn any PDF or image document into structured data for your AI. A powerful, lightweight OCR toolkit that bridges the gap between i…

2026/9/21 18:31:34
Spring源码解析:构造器注入的类型转换与候选匹配机制

Spring源码解析:构造器注入的类型转换与候选匹配机制

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/21 18:31:25
openai-agents-python 多模型接入指南:深入解析 AnyLLMModel 适配层与 any-llm 路由

openai-agents-python 多模型接入指南:深入解析 AnyLLMModel 适配层与 any-llm 路由

openai-agents-python 多模型接入指南:深入解析 AnyLLMModel 适配层与 any-llm 路由 【免费下载链接】openai-agents-python A lightweight, powerful framework for multi-agent workflows 项目地址: https://gitcode.com/GitHub_Trending/op/openai-agents-pyth…

2026/9/21 18:31:13

日新闻

周新闻