JS-判断js数据类型的几种方式

js的数据类型分为两大类：

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)。

基本类型：也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈中，即按值访问。

引用类型：也称为复杂类型，由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量查询速度，因此，其值存储在堆中，而存储在变量处的值，是一个指针，指向存储对象的内存处，即按址访问。引用类型除 Object 外，还包括 Function 、Array、RegExp、Date 等等。

引用类型和基本类型的区别：
1、基本类型按值访问

image.png
2、引用类型按址访问
image.png

判断类型的几种方式

typeof

image.png

需要注意的是：

• 基本类型除了null返回了object，其他都返回正确
• 引用类型除了function，其他都返回object
  其中，null 有属于自己的数据类型 Null ， 引用类型中的 数组、日期、正则 也都有属于自己的具体类型，而 typeof 对于这些类型的处理，只返回了处于其原型链最顶端的 Object 类型，没有错，但不是我们想要的结果。

instanceof

A instanceof B用来判断A是否属于B的实例，返回true或者false。

image.png

需要注意的是：

• [ ]既是arrray的实例，也是object的实例，[ ].__proto__指向 Array.prototype，而 Array.prototype.proto 又指向了Object.prototype，Object.prototype.__proto__ 指向了null，然后原型链结束，[ ]、Array、Object 就在内部形成了一条原型链
  image.png

ES5中可以用Array.isArray([])来准确判断数组的实例

• instanceof 只能用来判断两个对象是否属于实例关系， 而不能判断一个对象实例具体属于哪种类型。

constructor

当创建变量b时，js会在b的原型上添加constructor属性，指向b的引用

image.png

js在创建内置对象时，也是这么做的：

image.png
需要注意的是：

• null和undefiend是无效的，因此没有constructor存在
• 程序员重写对象的prototype 后，原有的 constructor 引用会丢失，造成判断不准确

Object.prototype.toString

Object对象有tostring方法返回：

image.png

而非object对象，则需要call/apply才能正确返回类型，返回格式为字符串类型的"[object 数据类型xxx]"：

image.png

以上几种方式可以在不同场景使用。