美文网首页
数据类型检测的四种方式

数据类型检测的四种方式

作者: gaoqizhuhui | 来源:发表于2017-08-01 12:48 被阅读0次
1、typeof :用来检测数据类型的运算符

使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型
例如:"number"、"string"、"boolean"、"undefined"、"function"、"object"
eg:console.log(typeof typeof typeof function(){}) ---->"string"

局限性:

a、typeof null--->"object"

b、不能具体的细分是数组还是正则,还是对象中其他的值。因为使用typeof检测数据类型,对于对象数据类型中的左右的值,最后返回的结果都是"object"

2、instanceof:检测某一个实例是否属于某个类

可以弥补typeof的局限性
console.log(obj instanceof Array);
console.log(obj instanceof RegExp);

局限性(好多):
a、不能用来检测和处理字面量方式创建出来的基本数据类型值

对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定区别的。从严格意义上来讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的Number这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例。但由于JS的松散特点,导致了可以使用Number.prototype上提供的方法

console.log(1 instanceof Number); //---->false
console.log(new Number (1) instanceof Number); //---->true

b、instanceof特性:只要在当前实例的原型链上,用其检测出来的结果都是true
eg:

var ary=[];
console.log(ary instanceof Array);  //--->true
console.log(ary instanceof Object);  //---->true

在类的原型继承中,最后检测出来的结果未必准确

3、constructor:构造函数(一般不用)

作用和instanceof非常的相似,也能具体检测出是正则还是数组等。

a、constructor可以处理基本数据类型的检测
console.log((1).constructor===Number); //-->true

b、constructor检测Object和instanceof不一样,一般情况下是检测不了的

var reg=/^$/;
console.log(reg.constructor===RegExp);  //--->true
console.log(reg.constructor===Object);  //--->false

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

function Fn(){};
Fn.prototype=new Array;
var f=new Fn;
console.log(f.constructor);  //--->Array,但是f并不是数组,所以用constructor检测也是不准确的

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

4、Object.prototype.toString.call()(最准确最常用的方式)

首先获取Object原型上的toString方法,让方法执行,并且改变方法中的this关键字的指向
Object.prototype.toString它的作用是返回当前方法的执行主体(方法中this)所属类的详细信息

var onj={name:"haha"};
console.log(obj.toString());  //--->"[object Object]

toString中的this是obj,返回的是obj所属类的信息;"[object Object]":第一个object代表当前实例是对象数据类型的(这个是固定死的),第二个object代表的是obj所属的类是Object

Math.toString():toString中的this是Math,那么返回的是Math所属类的信息--->"[object Math]"
toString的理解:
乍一看应该是转换为字符串,但某一些toString方法不仅仅是转换为字符串

对于Number、String、Boolean、Array、RegExp、Dtae、Function原型上的toString方法都是把当前的数据类型转换为字符串的类型(它们的作用仅仅是用来转换为字符串的)

Object.prototype.toString并不是用来转换为字符串的
({name:"haha"}).toString(); //--->"[object Object]
Math.toString(); //---->"[object Math]"

相关文章

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • 数据类型检测的四种方式

    1、typeof :用来检测数据类型的运算符 使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中...

  • 数据类型检测的四种方式

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

  • 数据类型检测的四种方式

    instanceof检测 不能用来检测和处理字面量方式创建出来的基本数据类型值对于基本数据类型来说,字面量方式创建...

  • 前端学习笔记(持续更新)

    Javascript 浏览器常用的输出方式 数据类型检测的四种方法 DOM及相关操作 数学函数Math 日期对象D...

  • JS-NO.3

    数据类型检测 4种方式 1:typeof 主要检测基本数据类型 不能具体检测出引用数据类型 2:constru...

  • 数据类型检测方法总结typeof OR call(修改this指

    使用typeof方法检测数据类型 方法不严谨,在检测数组和对象是都是object 类型的 万能的数据类型检测方式 ...

  • JS数据类型检测

    之前有讲过JS数据类型,但是怎么判断到底是某个数据是什么数据类型?今天就来讲一下。JS数据类型检测常用的主要有四种...

  • DHT爬虫的设计思路

    DHT的数据编码方式和数据类型 1, 有四种数据类型, string number list map. 位置我...

网友评论

      本文标题:数据类型检测的四种方式

      本文链接:https://www.haomeiwen.com/subject/stpllxtx.html