深拷贝与浅拷贝的区别？
深拷贝与浅拷贝的区别？如何实现一个深拷贝
在回答这个问题前，我们先来回顾一下ＪＳ中两大数据类型
- 基本类型 Undefined、Null、Boolean、Number、String
- 引用类型 Object Array
基本类型
基本类型就是值类型, 存放在栈(stack)内存中的简单数据段，数据大小确定，内存空间大小可以分配
引用类型
引用类型, 存放在堆(heap)内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置
根据上面的分析，我们分别是两处类型做一个copy处理
let obj = { name: '每日一题', value: 'JS'}let obj2 = objlet obj3 = obj.nameconsole.log(obj2.value) //JSconsole.log(obj3) // 每日一题// 改变obj2,obj3obj2.value='css'obj3='html'console.log(obj.value) //cssconsole.log(obj.name) //每日一题
从上面的输出结束来看，我们可以猜测obj,obj2操作的是同一个对象,而obj和obj3是完全独立的, 说到这里就进入了深浅拷贝
浅拷贝
概念: 对于字符串类型，浅拷贝是对值的复制，对于对象来说，浅拷贝是对对象地址的复制, 也就是拷贝的结果是两个对象指向同一个地址
基本概念回过头去看上面的代码我们就能分析出来其都是浅复制
深拷贝
概念: 深拷贝开辟一个新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性
如何实现深拷贝
JSON.stringify()
首先安利一个无脑黑科技骚操作
＊ 缺点: JSON.stringify()无法正确处理函数
let obj = { name: '每日一题', value: 'JS'}let obj2 = objlet obj3 = obj.nameconsole.log(obj2.value) //JSconsole.log(obj3) // 每日一题// 改变obj2,obj3obj2.value='css'obj3='html'console.log(obj.value) //cssconsole.log(obj.name) //每日一题
递归
讲到深copy很多人都会想到extend方法,没错，这玩意deep为true确实能深copy，我们就过来翻一翻他的源码
这边以大家熟悉的jquery为例
// 源码地址 https://github.com/jquery/jquery/blob/5bdc85b82b84e5459462ddad9002f22d1ce74f21/src/core.js#L125
总结
- 浅拷贝是复制,两个对象指向同一个地址
- 深拷贝是新开栈,两个对象指向不同的地址
