JavaScript 中 判断变量的数据类型

1. typeof 变量
   返回一个字符串(小写)，用来判断：Undefined, String, Number, Boolean, Symbol, Object, Function; 无法检测引用类型中的 Array;
   优点：可以区分 Function 和 Object;
   缺点：
   1. 对于 Null, 返回 Object 类型;
      原因：Null 类型只有一个 null 值, 这个值表示一个空对象指针(出自JavaScript高级程序设计)；
   2. 对于 Array, Date, RegExp 都会返回 Object, 不能更详细的区分；
      typeof的检测原理：不同的对象在底层都表示二进制，在 JavaScript 中二进制前(低)三位存储其类型信息为：Object: 000, String: 100, Boolean: 110, Number: 1; null 的二进制表示全是 0，自然前三位也是 0，所以执行typeof时会返回Object;

   console.log(typeof 8);				// number
   console.log(typeof "message");		// string
   console.log(typeof true);			// boolean
   console.log(typeof undefined);		// undefined
   console.log(typeof getObj);			// function
   console.log(typeof getObj());		// object
   console.log(typeof [1, 2, 3]);		// object
   console.log(typeof new Date());		// object
   console.log(typeof new RegExp());	// object
   

2. 变量 instanceof 变量
   返回 true 或 false, 只能判断引用类型，无法检测基本类型；
   判断原理：判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。简单来说：能验证 new 构造函数创建出来的实例，左边的对象是否是右边的类的实例，属于验证式判断类型;
   缺点：只能判断两个对象是否属于实例关系，而不能判断一个对象实例具体属于什么类型(原型链上的都会返回true)；

   console.log('message' instanceof String);				// false 
   console.log(new String('message') instanceof String);	// true
   console.log(66 instanceof Number);						// false 
   console.log(new Number(66) instanceof Number);			// true 
   console.log(true instanceof Boolean);					// false 
   console.log(new Boolean(true) instanceof Boolean);		// true 
   console.log({name:'赵云'} instanceof Object);			// true 
   console.log(new Object({name:'赵云'}) instanceof Object);// true 
   console.log(['66','666'] instanceof Object);			// true 
   console.log(new Array(['66','666']) instanceof Array);	// true 
   console.log(function(){} instanceof Object);			// true 
   console.log(function(){} instanceof Function);			// true 
   console.log(new Function() instanceof Function);		// true 
   console.log(new Date() instanceof Object);				// true 
   console.log(new RegExp instanceof Object);				// true 
   console.log(new String('message') instanceof Object);	// true 
   console.log(new Number(66) instanceof Object);			// true
   

3. 变量.constructor === 变量
   返回true或false
   判断原理：当一个函数F被定义时，JS引擎会为F添加 prototype 原型，然后再在 prototype 上添加一个 constructor 属性，并让其指向F的引用;
   具体来说：当 var f = new F() 时，F被当成了构造函数，f是F的实例对象，此时F原型上的 constructor 传递到了f上，因此f.constructor === F
   缺点：
   1. 不能判断 Null, Undefind, 它们是无效对象，没有 constructor；
   2. constructor 是不稳定的，如：创建的对象更改了原型，无法检测到最初的类型；

   console.log(''.constructor === String);					//true
   console.log(new Number(1).constructor === Number);		//true
   console.log([].constructor === Array);					//true
   console.log(true.constructor === Boolean);				//true
   console.log(new Function().constructor === Function);	//true
   console.log(new Date().constructor === Date);			//true
   console.log(document.constructor === HTMLDocument);		//true
   

4. Object.prototype.toString.call(变量)
   返回'[object type]'(字符串)，能判断所有类型，万能方法；
   判断原理：JavaScript 中所有的对象都是继承 Object 对象的，通过 call 方法改变 this 指向，利用 Object.prototype 上的原生方法 toString 判断数据类型；

   console.log(Object.prototype.toString.call('message'));		// [object String]
   console.log(Object.prototype.toString.call(undefined));		// [object Undefined]
   console.log(Object.prototype.toString.call(null));			// [object Null]
   console.log(Object.prototype.toString.call(66));			// [object Number]
   console.log(Object.prototype.toString.call(true));			// [object Boolean]
   console.log(Object.prototype.toString.call({}));			// [object Object]
   console.log(Object.prototype.toString.call(function(){}));	// [object Function]