js检测数据类型方式(typeof instanceof Object.prototype.toString.call())

typeof

使用 typeof 检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型;

缺点:

  • typeof null === "object"
  • 不能具体细分是数组、正则还是对象中其他值,使用 typeof 检测数据类型对于对象数据类型中的值返回结果都是"object"

总结:主要用来检测基本类型值(除null)和函数类型值;

instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上

复制代码
object instanceof constructor

object为实例对象,constructor为构造函数

构造函数通过new可以实例对象,instanceof能判断这个对象是否是之前那个构造函数生成的对象

  • instanceof 检测某一个实例是否属于某个类;
  • 不能用来处理字面量方式创建出来的基本数据类型值 ,对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有区别的。严格意义上来说只有实例创建出来的结果才是标准的对象数据类型值,字面量方式创建出来的基本数据类型值,是不严谨的实例,
    instanceof 特性,只要在当前实例的原型上,检测出来的结果都是 true

Object.prototype.toString.call()

toString() 方法返回一个表示该对象的字符串。

对象中的 toString() 方法,当该对象被表示为一个文本值时,或者一个对象以预期的字符串方式引用时自动调用。默认情况下,toString() 方法被每个 Object 对象继承。如果此方法在自定义对象中未被覆盖,toString() 返回 "[object type]",

相关推荐
gnip27 分钟前
企业级配置式表单组件封装
前端·javascript·vue.js
掘金安东尼3 小时前
抛弃自定义模态框:原生Dialog的实力
前端·javascript·github
皮皮林5513 小时前
IDEA 源码阅读利器,你居然还不会?
java·intellij idea
hj5914_前端新手6 小时前
javascript基础- 函数中 this 指向、call、apply、bind
前端·javascript
Hilaku7 小时前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
LuckySusu7 小时前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题
前端·javascript
LuckySusu7 小时前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析
前端·javascript
LuckySusu7 小时前
【js篇】深入理解 JavaScript 作用域与作用域链
前端·javascript
LuckySusu7 小时前
【js篇】call() 与 apply()深度对比
前端·javascript
LuckySusu7 小时前
【js篇】addEventListener()方法的参数和使用
前端·javascript