js中浅拷贝与深拷贝的区别及方式

JavaScript 中存在两大数据类型

• 基本类型：Number、String、Boolean、Null、Undefined、Symbol（ES6）
• 引用类型：Object（除了基本数据类型外，比如 函数、数组）

基本数据类型保存在 栈内存 中，按值存放的，可以直接按值访问，即直接操作 保存在变量中的实际值

引用数据类型保存在 堆内存 中，引用数据类型的变量，是一个指向堆内存中实际对象的引用

浅拷贝 和 深拷贝 是指在复制一个对象时，拷贝的深度不同。

1. 浅拷贝

浅拷贝只是简单的复制，就是把一个对象里面的所有属性（内容）复制了一份给另一个对象。

如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址。

只是复制了地址，并没有创建新的对象，两个对象的指向相同。

对于浅拷贝，如果原对象的属性值发生了变化，那么拷贝的对象的属性值也会随之发生变化。

常见的浅拷贝有：

• Object.assign()
• Array.slice()
• Array.concat()
• 使用 拓展运算符 实现的复制

3. 深拷贝

深拷贝：就是把一个对象的属性和方法一个个找出来，在另一个对象上开辟对应的空间，一个个存储到另一个对象中。

两个对象的属性完全相同，但是对应两个不同的地址，修改原对象的属性值，不会改变另一个对象的属性值。

常见的深拷贝有：

• _.cloneDeep()
• JSON.stringfy()
• jquery.extend()