JavaScript的一些思考，关于深拷贝和浅拷贝

最近在研究lodash的源码，涉及到深 拷贝和浅拷贝的问题，由此，搜集网上的资料来研究了一番。

• 共同点： 都是在已有对象的基础上拷贝一份。
• 不同点： 拷贝实例，还是拷贝引用
    首先分析两者的共同点和不同点。首先，深拷贝和浅拷贝都是基于一些复杂的数据类型，比如Object和Array，如果是基础数据类型，number，boolean等，就没什么区别了，这和引用类型和基础类型所在内存区域是堆内存还是栈内存有关。
    浅拷贝和深拷贝斗仙得分清是拷贝引用还是拷贝实例

 var obj = {
     a: 1,
     b: 2,
 } 
 var obj1 = {}
 function simplecopy(p, c) {
     var c = c || {}
     for(var key in p) {
         c[key] = p[key]
     }
 }
 simplecopy(obj, obj1)
 obj1.a=3
 console.log(obj.a) //1
 console.log(obj1.a) //3
 console.log(obj === obj1) //false
 console.log(obj.a === obj1.a) //false

以上就是拷贝实例，拷贝实例就是给新的对象分配一个新的内存空间，所以两个变量互不干扰，值类型，就是基础数据类型，simplecopy函数中把a和b两个基础数据类型，拷贝给了对象C，相当于重新分配了两个空间，所以，obj1和obj2以及其对象都是指向两种不同的地址。所以，===为false。

var str1 =  {a: 1, b: 2 }
 var str2 = str1

 str2.a = 3
 console.log(str1.a) // 3
 console.log(str2.a) // 3
 console.log(str1.a === str2.a) //true

以上就是拷贝引用，因为str1和str2都是对象，是引用类型。str2=str1，实际上是将str2指向str1的应用的地址，所以，str1和str2其指向的是同一块内存地址，所以，改变其值，就会互相干扰。

浅拷贝

浅拷贝分成两类.

• 一个是简单的引用拷贝，这个简单，普通的赋值就可以了。
• 还有一个是源对象拷贝实例，其嵌套有子对象的话，就是拷贝引用
    如果一个对象没有嵌套子对象的话，那么就是源对象的实例拷贝，这里自己写了一个浅拷贝方法，就是上文的simplecopy,上文的obj1和obj2都是没有嵌套子对象的对象，它的属性就是基本数据类型，所以，它的拷贝就是实例拷贝，两个对象指向不同的地址，其属性也指向不同的地址。但是如果，一个对象嵌套了一个子对象，对其子对象进行赋值，那么就是，引用赋值，指向的是同一个地址。

var stu1 = {
     name: "xiaoming",
     info: {
         score: 12,
         school: "第一小学"
     }
 }
var stu2 = {}
 simplecopy(stu1, stu2)
 console.log(stu1)
 console.log(stu2)
 stu2.info.score = 21
 console.log(stu1)  // 其中的info.score值是21
 console.log(stu1)  // 其中的info.score值是21

深拷贝

至于深拷贝，简单说就是弥补了浅拷贝的缺憾，将被拷贝对象中的子对象遍历一遍，赋值给空对象，然后在进行浅拷贝，原理就是这样，上段代码

function deepCopy(p, c) {
     var c = c || {}
     for(var i in p) {
         if(typeof p[i] === 'object') {
             c[i] = (p[i].constructor === 'Array' ? [] : {})
             deepCopy(c[i], p[i])
         } else {
             c[i] = p[i]
         } 
     }
 }
 deepCopy(stu1, stu2)
 console.log(stu1)
 console.log(stu2)