当前位置: 首页 > news >正文

js-6:typeof和instanceof的区别

1、typeof
typeof操作符返回一个字符串,表示未经计算的操作数的类型。
在这里插入图片描述
operand表示对象或原始值的表达式,其类型将被返回。
在这里插入图片描述
从上面的例子可以看出,前6个都是基础数据类型,虽然typeof null为object,但这只是javascript存在的一个很悠久的bug,不代表null就是引用数据类型,并且null本身不是对象。
所以,null在typeof之后返回的是有问题的结果,不能作为判断null的方法,如果需要在if语句中判断是否为null,直接通过===null来判断就好。
同时,可以发现引用类型数据,用typeof来判断的话,除了function会被识别出来,其余的都输出object。
如果想要判断一个变量是否存在,可以使用typeof:(不能使用if(a),若a未声明,则报错)
在这里插入图片描述

2、instanceof
instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例的原型链上。
在这里插入图片描述
object为实例对象,constructor为构造函数
构造函数通过new可以实例对象,instanceof能判断这个对象是否是之前那个构造函数生成的对象。
在这里插入图片描述
关于instanceof的实现原理:
在这里插入图片描述
也就是顺着原型链去找,直到找到相同的原型对象,返回true,否则为false。

3、区别
typeof与instanceof都是判断数据类型的方法。区别如下:
typeof会返回一个变量的基本类型,instanceof返回一个布尔值
instanceof可以准取地判断复用引用数据类型,但是不能正确判断基础数据类型。
typeof也存在弊端,他虽然可以判断基础数据类型(null除外),但是引用数据类型中,除了function类型以外,其他的无法判断。

可以看到,上述两种方法都有弊端,并不能满足所有场景的需求。
如果需要通用检测数据类型,可以采用Object,prototype.toString,调用该方法,统一返回格式“[object xxx]”的字符串
在这里插入图片描述
了解toString的基本用法,下面实现一个全局通用的数据类型判断方法。
在这里插入图片描述
使用如下

在这里插入图片描述

http://www.lryc.cn/news/116940.html

相关文章:

  • SQL SERVER 异地备份到远程共享文件夹异常处理
  • 服务器数据恢复-RAID5上层Hyper-V虚拟机数据恢复案例
  • Easy Rules规则引擎(1-基础篇)
  • Linux 上安装部署Nacos
  • 电动机的启动
  • python性能分析,logging性能,print性能,文件写入性能对比
  • [GIN-debug] [ERROR] listen tcp: address 8080: missing port in address
  • PHP codeigniter4 搭配Nginx
  • AWS——04篇(AWS之Amazon S3(云中可扩展存储)-02——EC2访问S3存储桶)
  • .netcore下grpc概述
  • Address already in use
  • ♥ vue中$set用法详细讲解
  • 岩土工程仪器多通道振弦传感器信号转换器应用于桥梁安全监测
  • 企业权限管理(六)-订单详情
  • 基于Tars高并发IM系统的设计与实现-实战篇5
  • 水溶性Cyanine3 N3叠氮化物Cy3 azide星戈瑞
  • 客户案例 | 永续发展,低代码助力“双碳”战略历史使命
  • [保研/考研机试] KY187 二进制数 北京邮电大学复试上机题 C++实现
  • SpringBoot 热部署
  • BLE蓝牙协议栈分析
  • flutter开发实战-BackdropFilter高斯模糊子Widget控件
  • 嵌入式面试刷题(day3)
  • JVM源码剖析之Java命令行参数全解
  • 抽象工厂模式-java实现
  • 机器学习笔记 - 基于Python发现最佳计算机视觉模型的神经架构搜索技术NAS
  • 机器学习---自编码器
  • vuejs 设计与实现 - 渲染器的设计
  • openCV 图像对象的创建和赋值
  • idea - 刷新 Git 分支数据 / 命令刷新 Git 分支数据
  • 线上电影购票选座H5小程序源码开发