js 展开运算符 深拷贝与浅拷贝

引用数据类型的存储：name存在栈内存中，val存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值 ：

• 浅拷贝：只是复制了一个指向堆内存中值的指针，堆内存并没有独立，所以会相互影响；
• 深拷贝：增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，完全独立，两者互不影响；

还有一种拷贝，当对象中包含复杂数据类型时，只能深拷贝一级的简单数据类型，而一级以上的数据都是浅拷贝。比如以ES6的展开运算符为例，到底算深拷贝还是浅拷贝，下面详细解读：

(1) 第一种，只包含一级简单数据类型

 let obj = {id:'1',name:'zhangsan'}  
 let br = {...obj}

let arr = [1,2,3,4]    
let temp = [...arr]

(2) 第二种，包含复杂数据类型

let obj = {id:'1',name:'zhangsan'，info:{id:'1',age:28}}   
let br = {...obj}

我个人认为：

• 展开运算符使用的对象如果只是针对简单的一级基础数据，就是深拷贝；
• 展开运算符使用的对象内容包含二级或更多的复杂的数据，那就是浅拷贝；
  所以日常代码中如果对象中包含的数据比较单一且不做多于处理，用展开运算符和**JSON.parse(JSON.stringify(obj))**都可，但是数据格式复杂的情况下，还是要用深拷贝处理数据，避免相互影响。