js数据类型检测总结

在js中，有四种用于检测数据类型的方式，分别是：

下面我们就来分别介绍一下上面四种方法的适用场景和局限性。

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

使用typeof检测数据类型，返回值是字符串格式。能够返回的数据类型

是："number","string","bolean","undefined","function","object"。

<script>  console.log(typeof(1));  //number  console.log(typeof('hello'));  //string  console.log(typeof(true));  //boolean  console.log(typeof(undefined));  //undefined  console.log(typeof(null));  //object  console.log(typeof({}));  //object  console.log(typeof(function() {}));  //function</script>

局限性：

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

instanceof主要用来弥补typeof不能检测具体属于哪个对象的局限性。

<script>  let arr = [1,2,3];  let reg = //w/;  console.log(arr instanceof Array);  //true  console.log(arr instanceof Object);  //true  console.log(reg instanceof RegExp);  //true  console.log(reg instanceof Object);  //true</script>

局限性：

constructor　构造函数

是函数原型上的属性,该属性指向的是构造函数本身。

作用和instsnceof非常相似，与instanceof不同的是，不仅可以处理引用数据类型，还可以处理原始数据类型。

<script>  let num = 12;  let obj = {};  console.log(num.constructor == Number);//true  console.log(obj.constructor == Object);//true</script>

但是要注意一点的是，当直接用(对象字面量或原始数据).constructor时，最好加上（）。为了便于理解，我们来看一个例子。

<script>  1.constructor === Number;    //报错，Invalid or unexceped token  (1).constructor === Number;    //true  {}.constructor === Number;    //报错，Invalid or unexceped token  ({}).constructor === Number;  //true</script>

这主要是由于js内部解析方式造成的，js会把1.constructor解析成小数，这显然是不合理的，小数点后应该是数字，因此就会引发报错。js会把{}解析成语句块来执行，这时后面出现一个小数点显然也是不合理的，因此也会报错。为了解决这个问题，我们可以为表达式加上（）使js能够正确解析。