JavaScript中四种数据类型检测的方法

js中有七大数据类型，分别是：字符串（String）、数字（Number）、布尔值（Boolean）、undefined、null、Object、Symbol。

Symbol是ES6引入的一种新的原始数据类型，表示独一无二的值。（一般用来给对象做属性名）

let s1 = Symbol(1);
let s2 = Symbol(1);

console.log(s1);  //Symbol(1)
console.log(s2);  //Symbol(1)
console.log(s1 == s2);  //false

数据类型的检测，可以用typeof、instanceof、constructor、toString()。

1、typeof

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

2、instanceof

instanceof运算符，用来判断一个构造函数的prototype属性指向的对象是否存在另外一个要检测对象的原型链上。

null和undefined会报错。

console.log(new Number(1) instanceof Number);//true
console.log(new String('你好') instanceof String);//true
console.log(new Boolean(true) instanceof Boolean);//true
console.log(function () { } instanceof Function);//true
console.log({} instanceof Object);//true
console.log([] instanceof Array);//true
console.log(/d/ instanceof RegExp);//true

3、constructor

constructor 原型对象的一个默认属性存在，表示创建实例的构造函数的引用。

console.log((1).constructor);//function Number()
console.log(('你好').constructor);//function String()
console.log((true).constructor);//function Boolean()
console.log((function () { }).constructor );//function Function()
console.log(({}).constructor);//function Object()
console.log(([]).constructor);//function Array()
console.log((/d/).constructor);//function RegExp()

4、toString

console.log(Object.prototype.toString.call(123).slice(8, - 1));//Number
console.log(Object.prototype.toString.call(123));//[object Number]
console.log(Object.prototype.toString.call('你好'));//[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(function () { }));
//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call({}));//[object Object]
console.log(Object.prototype.toString.call(/d/));//[object RegExp]

 注释：ES3中，Object.prototype.toString方法会执行下面的操作步骤：

1.获取this对象的[[Class]]属性的值；

2.计算出三个字符串"[object" + 第一步的操作结果 + "]" 连接后的新字符串；

3.返回第二部的操作结果；

其中[[Class]]是一个内部属性，所有的对象都拥有该属性。是一个字符串值，表明了该对象的类型。有且只有Object.prototype.toString能调用。

null和undefined并不属于[[Class]]属性的值，那么为什么会输出[object Undefined]和[object Null]呢？

是因为ES5中对Object.prototype.toString的规范中，先判断，如果this值为undefined，返回[object Undefined]；其次，如果this的值为null，则返回[object Null]；

返回的类型也比ES3多了两种--->arguments对象的[[Class]]成为了"Arguments"，而不是之前的"object"；全局对象JSON，他的[[Class]]值为"JSON"。