JavaScript中的基本数据类型和引用数据类型

ECMAScript 中包含两种不同数据类型的值：基本类型值 和 引用类型值。基本类型值就是简单的 数据段，而 引用类型值 指那些可能由多个值构成的 对象。

在将一个值赋给变量时，解析器必须确定这个值是 基本类型值 还是 引用类型值。

1.所包含的数据类型不同

基本数据类型：Undefined、Null、Boolean、Number、和 String。
引用数据类型：Object。该类型的值是保存在内存中的 对象。

2.访问值的方式不同

基本数据类型：按值访问的，因为可以操作保存在变量中的实际的值。

定义一个基本类型值的变量，就像是去住酒店，服务员给你开了一间房间，而那个房间的门牌号就相当于变量的地址，你就相当于基本类型值，通过门牌号就可以直接找到你。

引用数据类型：与其他语言不同，JavaScript 不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用，而不是实际的对象。为此，引用类型的值是按引用访问的。

定义一个引用类型值的变量，同样用住酒店举例，服务员给你开了间房间，房间的门牌号相当于定义的变量的地址，而这间房间不是用来给你住的，而是存放着通往你真正要住的房间的地址。按这间房间存放的地址，才能找到你。

3.动态的属性

基本数据类型：不能添加属性。

var a = 'person';
a.name = 'lily';
console.log(a.name);   //undefined

引用数据类型：可以为其添加属性和方法，也可以改变和删除其属性和方法。

var obj = {a:'aa',b:'bb'};
obj.c = 'cc';   //如果对象不被销毁或者这个属性不被删除，则这个属性将一直存在
console.log(obj.c);   //"cc"

obj.a = 'aaaa';
console.log(obj.a);   //"aaaa"

delete obj.a;
console.log(obj.a);   //undefined

4.复制变量值的方式不同

复制基本类型值：会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。

var n1 = 5;
var n2 = n1;   //5
n2 = 3;
console.log(n1);   //5

变量 n1 中保存的值是 5，此时，使用 n1 的值来初始化 n2，使得 n2 中也保存了 5。但是，n2 中的 5 与 n1 中的 5 是完全独立的，该值只是 n1 中的 5 的一个副本。此后，这两个变量可以参与任何操作而不会互相影响。如下图所示：

复制前的变量对象
复制后的变量对象

复制引用类型值：同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是，这个值的副本实际上是一个指针（就如上述所说，该副本即为房间里的地址，通过这个地址可以找到你），而这个指针存储在堆中的一个对象。复制操作结束后，两个变量实际上将引用同一个对象（即两个变量拿到的这个地址，都是找到你的地址，引用的都是同一个对象）。因此，改变其中一个变量，就会影响另一个变量，如：

var obj1 = new Object();
var obj2 = obj1;
obj1.name = 'Jack';
console.log(obj2.name);   //"Jack"

obj2.name = 'Rose';
console.log(obj1.name);   //"Rose"

image.png