JS中数据类型判断

常用数据类型：string，number，Boolean，object，array。
1.typeof
我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但是判断数组，对象和null时都会得到object，详细请看js数据类型，这就是typeof的局限性，并不能准确的判断该变量的"真实身份"。那如何判断一个变量是数组还是对象？

let arr=[]
typeof arr    //object

2.instanceof
使用instanceof可以用来判断一个变量是数组还是对象，原理如下：
数组也是对象的一种，使用instanceof都会返回true

var arr = new Array();

var arr = ['aa','bb','cc'];

var obj = { a: 'aa', b: 'bb', c: 'cc' };

console.log(arr instanceof Array); //true

console.log(arr instanceof Object); //true

console.log(obj instanceof Array); //false

console.log(obj instanceof Object); //true

instanceof是如何判断的：

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性，意思就是该变量通过原型链上能否找到构造函数的prototype 属性，还不清楚原型链的请看原型链，所以就能明白为什么instanceof判断一个变量可以分清楚它到底是数组还是对象：

Array.prototype === arr.proto
Object.prototype === arr.proto.proto
因为arr的原型链上存在Array.prototype和Object.prototype
只有Array类型的变量才会满足arr instanceof Array和arr instanceof Object都返回true，
也只有Object类型变量才满足obj instanceof Array返回false，obj instanceof Object返回true
3.constructor

var arr = ['aa','bb','cc'];
var obj = {
'a': 'aa',
'b': 'bb',
'c': 'cc'
};
console.log(arr.constructor === Array); //true
console.log(arr.constructor === Object); //false
console.log(obj.constructor === Object); //true
 console.log(obj.constructor === Array); //false

原理：
利用原型对象和实例对象内部都有constructor属性可以指回其原型链上对应的类

4.Object.prototype.toString.call()

Object.prototype.toString.call()方法可以精准判断变量类型，它返回[object constructorName]的字符串格式，这里的constructorName就是call参数的函数名

toString 方法默认返回其调用者的具体类型，更严格的讲是toString运行时，this指向的对象类型。
但是需要注意的是，必须要通过Object.prototype.toString这种方法来查找，不能直接使用toString，从原型链的角度讲，所有对象的原型链最终都指向了Object，按照JS变量查找规则，其他对象也是可以直接访问到Object的toString方法的，但是事实上，大部分对象都已经实现了自身的toString方法，这样就可能导致Object的toString被终止查找，所以我们使用call方法来强制执行Object的toString方法。
Object.prototype.toString.call(’’) ; // [object String]
Object.prototype.toString.call(1) ; // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object Window] window是全局对象global的引用

alert(Object.prototype.toString.call(a) === ‘[object String]‘) -------> true;
alert(Object.prototype.toString.call(b) === ‘[object Number]’) -------> true;
alert(Object.prototype.toString.call© === ‘[object Array]‘) -------> true;
alert(Object.prototype.toString.call(d) === ‘[object Date]’) -------> true;
alert(Object.prototype.toString.call(e) === ‘[object Function]‘) -------> true;
alert(Object.prototype.toString.call(f) === ‘[object Function]’) -------> true;