JS数据类型及存储和判断方式

JS数据类型种类

我们知道，目前JS一共有七种数据类型。
其中，六种基本数据类型包括：

• null （typeof的值为null。null为对象的原因是，数据在进行存储的时候按照二进制存储，对象的二进制前三位是0，而null全部都是0，所以被识别为了对象）
• undefined （typeof 的值为undefined）
• 基本包装类型（在执行对应方法时，基本包装类型会有内置函数，new 一个存在于代码执行瞬间的对象）
  • Boolean
  • Number
  • String
• Symbol （实例唯一且不可改变）

除此之外，还有一种引用类型 Object。

存储时的数据结构差别

基本数据类型以栈的方式在内存中进行存储，我们可以按值访问进行操作，复制时是在原有变量的基础上新建了一个类似副本的值，将值复制到为新变量分配的位置上，此时对两个变量进行操作，互不影响。

引用数据类型以堆的方式在内存中进行存储，但引用类型的指针是存储在栈中的。JavaScript不允许我们直接访问内存中的位置，即不能直接操作对象的内存空间，所以我们在操作对象时，实际上是在操作对象的引用。当我们复制引用类型的值时，也会将储存在变量对象中的值复制到新的变量对象中，但此时我们复制的内容，实际上是一个指针，它指向存储在堆中的一个对象。
此时我们对变量操作，操作的是同一个对象，一个会影响另外一个。

var a = ['hello', 2];
var b = a;

console.log(a);  // ["hello", 2]
console.log(b);  // ["hello", 2]

b[1] = 'world';

console.log(a);  // ["hello", "world"]
console.log(b);  // ["hello", "world"]

当我改变b的值时，a的值也发生了变化，这就是引用数据类型的特点。

堆、栈

栈会自动分配相对固定的内存大小空间，并自动释放。
堆不会自动分配内存，也不会自动释放。

基本包装类型

此处以String为例。String为基本数据类型，本身不存在任何操作方法，但是为了方便对字符串进行操作，ECMAScript 提供了一个基本包装类型：String 对象 。它是一种特殊的引用类型，每当JS引擎读取一个字符串的时候，就会在内部创建一个对应的 String 对象。

var str = 'hello word!';
var positon = str.indexOf('e');

当运行到第二行代码的时候，JS引擎会进行从内存中读取字符串的操作，这个时候相当于进行了下面的过程：

var str = new String('hello world');
var positon = str.indexOf('e');
str = null;

• 创建 String 类型的一个实例
• 在实例上调用这个方法
• 销毁这个实例

Number，String，Boolean都有对应的基本包装类型，但是仅存在于代码执行的一瞬间，然后就会被立即销毁，这是基本包装类型与普通引用类型的最大区别——生命周期不同。

数据类型判断

由于JavaScript是松散类型，即在定义的时候无需指定变量的类型，变量在运行的时候可以随便更改数据的类型。所以我们需要一种手段来检测指定变量的数据类型。

typeof

typeof是用于判断变量类型的操作符，对于基本数据类型可以直接使用typeof进行判断，除了null类型会返回object，其他的基本数据类型将会返回对应的类型结果。

var a = 'hello';
var b = 101010;
var c = null;
var d = [1,2,3];
var e = function() {
    console.log('f')
};

console.log(typeof(a));  // string
console.log(typeof(b));  // number
console.log(typeof(c));  // object
console.log(typeof(d));  // object
console.log(typeof(e));  // function

注意：如我上面提到，typeof是一个操作符而不是一个函数，所以圆括号可以使用，但并非必须。

var a = 'hello';
console.log(typeof a);  // string

而对于引用数据类型，若使用typeof进行判断，统一都会返回Object。因此我们可以使用以下几种方法来进行其他判断。

instanceof

目标变量 instanceof 对象类型

对象类型需使用首字母大写的方式。

var a = 'hello';
var d = [1,2,3];
var e = function() {
    console.log('f')
};

console.log(a instanceof String);  // false instanceof后面需跟对象类型
console.log(d instanceof Array);  // true
console.log(e instanceof Function);  // true

如果 A 是 B 的实例，则返回 true，否则返回 false。
instanceof 的原理是通过原型进行判断，所以当存在原型链的时候，只能判断两个对象是否是实例关系，但是无法判断到底是哪一具体类型。

var arr = [];
arr instanceof Array;    // true
arr instanceof Object;   // true

对于这种情况我们可以使用ES5增加的数组判断方法：Array.isArray()。用于判读指定对象是否为数组。

Array.isArray(arr);   // true

Array.isArray() 本质上检测的是对象的 [[Class]] 值，[[Class]] 是对象的一个内部属性，里面包含了对象的类型信息，其格式为 [object Xxx] ，Xxx 就是对应的具体类型 。对于数组而言，[[Class]] 的值就是 [object Array] 。

constructor

当我们新定义一个函数 A 时，JS 引擎会为其增加一个 constructor 属性，指向它本身的引用，当我们 new A () 时，新的函数对象就是A的实例，它会有一个 constructor，指向 A。

''.constructor == String;            // true
var a = 1; a.constructor == Number;  // true
true.constructor == Boolean;         // true
new Date().constructor == Date;      // true

null 和 undefind 是无效的对象类型，不具有 constructor 属性，需要通过其他方法来进行具体的判读。

Object.prototype.toString

该方法会返回形似[object Class]的结果，并且对于基本数据类型也可以进行检测，是一个非常通用的方法。
toString() 是 Object 的原型方法，调用该方法，默认返回当前对象的 [[Class]] 。这是一个内部属性，其格式为 [object Xxx] ，其中 Xxx 就是对象的类型。
对于 Object 对象，直接调用 toString() 就能返回 [object Object] 。而对于其他对象，则需要通过 call / apply 来调用才能返回正确的类型信息。

var a = 'hello';
var b = 101010;
var c = null;
var d = [1,2,3];
var e = function() {
    console.log('f')
};

console.log(Object.prototype.toString.call(a));  // [object String]
console.log(Object.prototype.toString.call(b));  // [object Number]
console.log(Object.prototype.toString.call(c));  // [object Null]
console.log(Object.prototype.toString.call(d));  // [object Array]
console.log(Object.prototype.toString.call(e));  // [object Function]