JS原生数据类型检测

1.数据类型检测方法

1 最为基础的typeof
2 不可不知的instanceof
3 比instanceof更好的constructor
4 检测值或表达式结果是否为NaN
5 易用的jQuery函数-isFunction、isArray等
6 高大上的原型方法 Object.prototype.toString

2.typeof

语法与范例

<script>
    // 语法：typeof 被检测的内容;
    var num = 2;
    console.log(typeof num);
</script>

基本解析
typeof是一个运算符，针对一个操作数（操作数可以是变量也可以是常量）进行运算，其返回值是一个字符串，返回值包括：”number”、”string”、”boolean”、 “undefined”、”object”、”function”。

<script>
    var user;
    var obj = {
        user : 'HTML5学堂'
    }
    var h5course = function(){
        console.log('码匠');
    }
    console.log(typeof 123);
    console.log(typeof 'html5');
    console.log(typeof true);
    console.log(typeof user);
    console.log(typeof obj);
    console.log(typeof h5course);
</script>

typeof的局限性
typeof的问题在于：针对对象类型数据，无法进行具体细化的检测。对于数组、正则、对象{}、null等数据，虽然均属于对象类型，但却各不相同，使用typeof进行检测时，均返回object。

<script>
     console.log(typeof null);
    console.log(typeof {'user': 'HTML5学堂'});
    console.log(typeof [4, 20]);
    console.log(typeof (/\d{8}/));
</script>

instanceof

面对typeof的类型检测缺陷，可以使用instanceof来弥补。
语法与范例

<script>
     // 语法： 要检测的内容 instanceof 类型
    console.log([4,20] instanceof Array);
    console.log(/\d{8}/ instanceof RegExp);
    // 如上两个返回值均为true
</script>

基本解析
instanceof，能够用于数据类型的检测，但是仅限于引用类型数据，无法检测基本数据类型的值；检测的返回值内容是布尔值。此外，会受到原型链的影响。
注：关于值类型与引用类型变量，如果不明白可以戳文章底部的相关文章链接进行查看。
instanceof的局限性
局限性1：不能够检测以“字面量”方式出现的基本数据类型；

<script>
     // 局限1 - 字面量式的基本数据类型无法检测
    var str = 'HTML5学堂';
    var str2 = new String('码匠');
    console.log(str instanceof String);
    // str的检测返回false
    console.log(str2 instanceof String);
    // str2的检测返回true
</script>

代码解析：str是使用“字面量”的方式创建的字符串，而str2是使用String对象实例化的字符串。检测str时，返回结果为false；而检测str2时，返回结果为true。
局限性2：会检测该类所归属的原型链，只要在原型链当中能够找到，检测结果均为true，检测结果有可能会出现问题。

<script>
     // 范例1
    var str = new String('码匠');
    console.log(str instanceof String);
    console.log(str instanceof Object);
    // 范例2
    var box = document.getElementsByTagName('body');
    console.log(box[0] instanceof HTMLBodyElement);
    console.log(box[0] instanceof Node);
    console.log(box[0] instanceof Object);
    // 范例3
    var arr = ['HTML5学堂', '码匠'];
    console.log(arr instanceof Array);
    console.log(arr instanceof Object);
</script>

代码解析：
在此处如果不是很了解原型链的童鞋，可以换个角度来理解。例如：数组（Array）隶属于对象（Object），对于这种归属，检测也是成功的。
还不理解？好，我们换一个更易懂的！人类，属于哺乳动物，此时检测我们是否是哺乳动物，结果会是什么呢？
范例1中的字符串，的确属于string类型，但是它是通过String构造函数实例化得到的，String本身是一个字符串对象，所以str也符合Object这个条件。
范例2中的body标签本身是一个对象，细化一些说是一个“节点对象”，再细化说，是一个“body元素”，所以三种检测均为true。范例3中的数组同理（数组属于对象的一个分类）
比instanceof更好的constructor
语法与范例

<script>
     // 语法： 要检测的内容.constructor === 类型
    console.log([4, 20].constructor === Array);
    console.log(/\d{8}/.constructor === RegExp);
    console.log('码匠'.constructor === String);
    var num = 123;
    console.log(num.constructor === Number);
    // 如上几个返回值均为true
</script>

constructor

基本解析
constructor是对象的一个属性，不是运算符，constructor属性指向对象的构造函数。constructor的作用与instanceof基本类似，但是它对instanceof的两个缺陷均进行了弥补，也就是说：既能够检测基本数据类型，又不受到原型链的影响。

<script>
     // 范例1
    var box = document.getElementsByTagName('body');
    console.log(box[0].constructor === HTMLBodyElement);
    console.log(box[0].constructor === Node);
    console.log(box[0].constructor === Object);
    // 范例1中只有第一个返回true，后两者均返回false

    // 范例2
    console.log([4, 20].constructor === Array);
    console.log([4, 20].constructor === Object);
    // 范例2中，Array的返回true，而Object的检测返回false
</script>

constructor的局限性
对于自己创建的构造函数，constructor的局限性会比较大（当然这里不是我们主要要讨论的东西），constructor属性是易变的，可以进行定义，所以并不能够保证它指向相应的构造函数。但是，对于系统的各类构造函数，还是可以正常使用的，毕竟我们平日里并不会去修改系统默认对象的constructor指向的。

<script>
    function Me() {};
    var demo = new Me();
    console.log(demo.constructor); 
    // 此处检测的结果是，constructor指向构造函数Me，但是我们却可以人工修改指向，比如修改为Peo（如下代码）
    function Peo() {};
    demo.constructor = Peo;
    console.log(demo.constructor);
    // 此处检测的结果就变成了Peo
</script>

相关说明
如果希望了解instanceof、constructor的基本原理，需要掌握原型，了解构造函数的内在机制。如果在这方面积累不太够的小伙伴，建议可以先掌握这些知识点，然后后期随着自己知识的深入逐渐的理解实现原理。
检测值或表达式结果是否为NaN

isNaN函数

isNaN用于检测值或表达式“转换为数字”时，是否为NaN。可以用于辅助parseFloat()和parseInt()进行进一步的结果检测。

<script>
    console.log(isNaN(NaN));
    console.log(isNaN(123+234));
    console.log(isNaN('a1234'));
</script>