JavaScript中的数据类型总结

1.数据类型定义

ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number、和String。还有1种复杂数据类型--Object，Object本质上是由一组无序的名值对组成的。来源(<<JavaScript高级程序设计(第三版)>>Page 23)                 

所以我们知道JavaScript有两个大类的数据类型，分别是基本数据类型(值类型)和复杂数据类型(引用数据类型)。基本数据类型包括：Undefined、Null、String、Boolean、Number等五种类型;复杂数据类型为Object类型，JavaScript中的数组、函数和对象均为引用类型。那么值类型和引用类型的数据有什么区别嘞?请看下边几行代码

//值类型
var a = 100;
var b = a;
b=200;
console.log(a); //输出100

//引用类型
var obj = { name:"zhangsan"};
var obj1 = obj;
obj1.name = "lisi";
console.log(obj.name) //输出lisi

可以看到，值类型数据改变之后原来的数值并不影响，而引用类型数据改变之后会影响原来的数据，那么这又是为啥嘞?这是因为值类型和引用类型在计算机中存储的方式不同，请继续往下看。

2.数据类型存储

JavaScript中的值类型和引用类型的存储方式不同，导致了相同的操作结果却不同，那么他们是怎么存储的呢?

值类型数据存储在栈(Stack)中，这种存储的特点是一旦创建，占据的内存大小就已经固定，不再改变。

引用类型的数据存储在堆(Heap)中，这种存储的特点是占据内存的大小动态创建的，是不固定的。

对于上边的代码，计算机中的存储如下所示(请原谅这放荡不羁的画风):

(1)值类型的栈内存图如下:

可以看到栈中先存储了a=100，然后当执行b=a时，会复制a的值，再创建b,给b赋值为200的时候，并不影响a的值。

(2)引用类型的图如下:

从上边这张图中可以看到栈中先存储了变量obj，而变量obj的引用地址指向了堆中存储的值{name:"zhangsan"}，当执行var obj1=obj的时候，栈中obj1变量的引用地址也指向了堆中存储的值。

当执行obj1.name="lisi"的时候，由于obj和obj1指向的是同一个地址，所以改变obj1的值就相当于改变了obj的值，所以，当输出obj.name的时候，即为obj1.name的值。

知道了这些，那么要如何区分出一个变量是哪种数据类型呢?请看下篇文章<<JavaScript中数据类型的判断>>总结。