JS基础之检测数据类型的四种方式

typeof 用来检测数据类型的运算符

使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串包含了对应的数据类型
局限性:typeof null -> Object

  • 不能具体细分是数组还是正则,还是对象中的其他值
  • 对于对象数据类型中的值,最后返回都是"Object"
instanceof 检测某一实例是否属于某个类
 var obj=[12,1];
console.log(obj instanceof Array) //->true

局限性:

  • 1.不能用来检测和处理基本数据类型值
    对于基本类型来说,字面量方式创建出来的结果和实例方式创建出来的结果有一定区别,从严格意义来讲,只有实例创建出来的结果才是标准的对象数据类型的值,也是标准的Number这个类的实例:对于字面量方式创建出来的结果是基本数据类型的值,不是严谨的实例,但是由于JS的松散特点,导致了可以使用Number.prototype上提供的方法
      console.log(1 instanceof Number) // false
      console.log(new Number(1) instanceof Number) //true
  • 2.instanceof 特性:只要在当前实例的原型链上,我们用其检测出来的结果都为true
  var obj=[12,1];
  console.log(obj instanceof Array) true
  console.log(obj instanceof Object) true
// 原型继承:让子类的原型等于父类的实例
function Fn() {}
Fn.prototype=new Array();
//f->Fn.prototype->Array.prototype->Object.prototype
console.log(Fn instanceof Array) true
constructor 构造函数 作用和instanceof 非常相似

constructor 可以处理基本数据类型的检测

   var num=1;
   console.log(num constructor Number)  //true
   constructor  //检测Object和instanceof不一样
   var obj=[12,1];
   console.log(obj instanceof Array) true
   console.log(obj instanceof Object) false

弊端:我们可以把类的原型进行重写,在重写的过程中很有可能出现把之前的constructor给覆盖了,这样检测出来的结果就是不准确的

function Fn() {}
Fn.prototype=new Array();
console.log(Fn.construct) ->Array

对于特殊的数据类型null和undefined,他们的所属类是null和undefined
但是浏览器把这两个类保护起来了,不允许我们在外面访问使用

Object.prototype.toString.call() 最准确最常用

首先获取Object原型上的toString方法,让方法执行,并且改变方法中this关键字的指向,每一种数据类型上都有toString方法
toString的理解:乍一看应该是转为字符串,但是某些toString方法不仅仅是转为字符串

    Number.toString(2/8/10) // 就是转为字符串 可带参数,转为进制
    String.toString()  //也是转为字符串 不支持参数
    // null和undefined上没有toString
    [].toString // 转为字符串
    function.toString // 转为字符串
   {}.toString // [object,object]
  // 从上可以看出只有Object原型上的toString不是转为字符串的[object,object]
   // Math也是用的Object上的方法
   // Object.prototype.toString他的作用是返回当前方法执行的主体(方法this)所属类的详细信息
   var obj={name:'张三'}
   console.log(obj.toString) //toString中的this是Obj,返回的是obj所属类的信息->"[object object]" 第一个object代表的是当前实例是对象数据类型的(这个是固定的),第二个object代表的是obj所属类的object
  Math.toString()// ->toString中的this是Math,那么返回的是Math所属类的信息[object,Math]
   var ary=[];
   Object.prototype.toString.call(ary)->[object Array]
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值