js中浅拷贝和深拷贝以及深拷贝的实现

1 // 示例1（基本类型值））
2 var a = 10;
3 var b = a;
4 b = 20;
5 console.log(b); //输出 20
6 console.log(a); //输出 10

// 类似示例1，基本类型在拷贝的时候，b改变了，但是并不会印象到a。

1 // 示例2（引用类型值）
2 var obj_a = { a: 10, b: 20 };
3 var obj_b = obj_a;    
4 obj_b.a = 30;
5 console.log(obj_b); //输出 { a: 30, b: 20 }
6 console.log(obj_a); //输出 { a: 30, b: 20 }
7 
8 // 类似示例2，复杂类型在拷贝的时候，然后改变了obj_b的属性的值，但是却改变了obj_a的，很明显，这个结果并不是我们想要的，其实他们还是指向同一个对象，只是展示窗口的位置不同而已。

1 // 示例3（应用类值&深拷贝）
2 var obj_a = { a: 10, b: 20, c: 30 };
3 var obj_b = { a: obj_a.a, b: obj_a.b, c: obj_a.c };
4 obj_b.a = 40;
5 console.log(obj_b); //输出 { a: 40, b: 20, c: 30 }
6 console.log(obj_a); //输出 { a: 10, b: 20, c: 30 }
7 
8 // 类似示例3，复杂类型在拷贝的时候，然后改变了obj_b的属性的值，但是却没有改变了obj_a的，因为在拷贝的时候，其实是相当于新建了一个领地，然后遍历旧对象的每一项的值，在新对象里面新建每一项，然后把对应的值复制进去，他们是不同的对象，这就是所谓的深拷贝。

 //　代码中加入判断，当碰到数组、对象等时递归函数 
 1 function deepClone(obj){
 2         //定义对象来判断当前的参数是数组还是对象
 3         let objClone = Array.isArray(obj)?[]:{};
 4         //如果obj存在并且为对象        
 5         if(obj&&typeof obj == "object"){
 6             for(let key in obj){
 7                 if(obj.hasOwnProperty(key)){
 8                     //如果obj的子元素为对象，那么递归（层级遍历）
 9                     if(obj[key]&&typeof obj[key] == "object"){
10                         objClone[key] = deepClone(obj[key]);
11                     }else{
12                     //如果不是，直接赋值
13                         objClone[key] = obj[key];
14                     }
15                 }
16             }
17         }    
18         return objClone;
19     }

1 let a = [0, 1, [2, 3], 4],
2    b = $.extend(true, [], a);
3 a[0] = 1;
4 a[2][0] = 1;
5 console.log(a, b);

1 var a  = [1,2,3]
2 var b = a.concat();
3 b[2] =10;
4 console.log(a