JS 有七种数据类型：
数值（number）：整数和小数（比如1和3.14）
字符串（string）：字符组成的文本（比如”Hello World”）
布尔值（boolean）：true（真）和false（假）两个特定值
undefined：表示“未定义”或不存在
null：表示无值，即此处的值就是“无”的状态
对象（object）：各种值组成的集合
数据类型Symbol：表示独一无二的值 （ES6中加入的）
其中数值、字符串、布尔值、Undefined、Null称为原始类型
而对象被称为引用类型， 又可以分为三个子类型:
狭义的对象（object）
数组（array）
函数（function）
广义上来说JavaScript的所有数据包括原始类型的数据（数值，字符串，布尔值）都可以视为对象。而一般来讲我们平时说的‘对象’特指狭义的对象。
- 原始值
存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。 -
引用值
存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。
存储在堆和栈中的原始值和引用值
知道这些有什么用呢？主要跟数据的赋值，拷贝有关。
我们先来看原始值的例子：
原始值赋值拷贝
我们将a 赋值给a_2,b赋值给b_2,c赋值给c_2。然后输出，发现a_2,b_2,c_2的值是和a,b,c一样的。然后我们修改了a,b,c的值。再打印a_2,b_2,c_2发现他们的值并没有随着a,b,c的改变而改变。说明a_2,b_2,c_2是a,b,c的一份拷贝或者说深拷贝（原始类型的拷贝都是深拷贝），他们之间已经互不影响了。
用图来表示栈中的变化：
a,b,c赋值
a_2,b_2,c_2赋值
a,b,c再次赋值
再来看看引用类型的赋值 拷贝
引用类型
可以看到，当我们改变a[0]时，a_2也被改变了。改变b.name时，b_2也被改变了。说明a_2,b_2与a,b是相互关联的。我们看看存储空间里的情况：
a,b赋值
a，b在栈中保存的是一个指针，指向堆中的一个地址。
a_2,b_2赋值拷贝
可以看到与原始类型不同，引用类型赋值拷贝的时候a_2,b_2被赋予的是a,b在栈中保存的指针。所以，a与a_2指向同一个堆存储地址，b与b_2指向同一个堆存储地址。
当我们通过a[0]或者通过b.name改变值的时候其实是改变了堆存储空间中的值。所以a_2,b_2获取值时我们看到的结果是也被改变了。
所以引用类型赋值拷贝时是浅拷贝，只是拷贝了指针，而没有拷贝指针指向的值。也可以理解为a_2是a的一个别名，b_2是b的一个别名。比如你本名叫张三，网名叫忘了爱。那么张三和忘了爱其实都是你，别人找张三，找忘了爱找的也都是你。
讲这么多数据类型和深拷贝浅拷贝的。是因为当项目比较大的时候，我们如果不搞清楚我们传的是原始值还是引用值那么有时就会引起问题。
函数传参也是一种变量赋值拷贝
如果我们有个函数需要传个对象参数，然后在函数中我们会做一些操作，可能会改变了对象中的一个属性值。那这时候我们要意识到这是不是你想要的结果。（基本的情况是都不是我们想要的）
有一项编写原则是 不要直接改变函数传入参数的值，除非你清楚后果。
网友评论