聊一聊深拷贝和浅拷贝

在了解深浅拷贝之前，我们需得对堆栈、基本数据类型、引用数据类型有基本的了解

基本数据类型：number、string、boolean、null、undefined
引用数据类型：object、function、array

栈内存是保存大小固定的数据，即保存基本数据类型。堆保存的大小不固定，可保存引用数据

浅拷贝：拷贝基本数据类型时，不受任何影响，当拷贝引用类型时，源对象也会被修改。
深拷贝：深拷贝就是完完全全拷贝一份新的对象，它会在内存的堆区域重新开辟空间，修改拷贝对象就不会影响到源对象
即深浅拷贝是针对于引用数据类型。

实现深拷贝的四种方式：

1. ES6扩展运算符（…）

let a = {
  name : '张三',
  age : '18'
}

let b = {...a};

a.name = '李四';

console.log(a,'----a---')   

console.log(b,'----b---')

let a = {
   name : '张三',
   age : '18',
   hobby:{
     one:'running',
     two:'swimming',
   }
 }

 let b = {...a};

 a.hobby.one = 'cycling';

 console.log(a,'----a---')   

 console.log(b,'----b---')

注意：es6的展开语法只针对第一层，对多层还是浅拷贝方式

2. Object.assign()

let a = {
  name : '张三',
  age : '18'
}

let b = Object.assign({},a);

a.name = '李四';

console.log(a,'----a---')   

console.log(b,'----b---')

let a = {
   name : '张三',
   age : '18',
   hobby:{
     one:'running',
     two:'swimming',
   }
 }

 let b = Object.assign({},a);

 a.hobby.one = 'cycling';

 console.log(a,'----a---')   

 console.log(b,'----b---')

注意：Object.assign()只针对第一层，对多层还是浅拷贝方式

3. JSON.parse(JSON.stringify(待拷贝对象))
   但此拷贝的缺点,即没法拷贝内部函数

let a = {
   name : '张三',
   age : '18',
   like(){
     console.log('喜欢唱歌、滑冰');
   }
 }

 let b = JSON.parse(JSON.stringify(a));

 console.log(a,'----a---')   

 console.log(b,'----b---')

在b对象中未出现like函数