javascript判断数据类型的几种方法

首先先回顾一下javascript的数据类型都有哪些？

基本数据类型：number，undefined，boolean，string，null
复杂数据类型：object
另外ES6中又新增了一个数据类型：Symbol

1. undefined
   Undefined类型只有一个值，他就是undefined，声明变量但未赋值，这个变量的值就是undefined。
2. null
   null就是声明了变量并给其赋值为null
3. boolean
   该类型有两个可取值true和false
4. string
   字符串
5. number
   数值，跟其他语言不同的是他没有去细分是整数还是小数
6. object
   object、Function、Date、Array、RegExp、Boolean、Number、String
7. Symbol
   表示一个独一无二的值

上面简单回顾了一下javascript的数据类型之后，下来我们就看看如何判断一个数据的类型呢？

• 一、typeOf()函数判断基本数据类型

console.log(typeof 1); //number
console.log(typeof '1'); //string
console.log(typeof true); //boolean
console.log(typeof null); //object
console.log(typeof undefined); //undefined
console.log(typeof []); //object
console.log(typeof {}); //object

可以看出上面代码中判断[]和{}都是object，所以typeOf()只是适合判断基本的数据类型
注：为什么null打印出来也是object，因为null被认为是对象的占位符

• 二、instanceof

console.log({} instanceof Object); // true
console.log([] instanceof Array); // true
console.log(new Date() instanceof Date); // true
console.log(function () { } instanceof Function); // true
console.log('123' instanceof String); // false

由上述代码看出instanceof对于引用类型的类型检测支持很好，但是无法对基本类型数据进行类型检测。

• 三、Object.prototype.toString.call()

 //1、基本数据类型
var num1 = 1;
var num2 = new Number(1);
console.log(Object.prototype.toString.call(num1) == '[Object Number]'); // true
console.log(Object.prototype.toString.call(num2) == '[Object Number]'); // true
//2、数组
console.log(Object.prototype.toString.call([]) == '[Object Array]') // true
//3、函数
console.log(Object.prototype.toString.call(function(){})=='[Object Function]')// true
//4、自定义对象
function P() { }
console.log(Object.prototype.toString.call(new P()) == '[Object Object]') // true

Object.prototype.toString.call()对于基本类型和引用类型都可以判断（除了自定义的类）