浅度克隆和深度克隆的总结

浅度克隆（浅拷贝）

对于基本数据类型（undefined、null、number、boolean、string），就是修改其中的一个值，另一个也随之改变。

对于对象和数组来说，拷贝的只是地址值，修改新拷贝的对象会影响原对象，通过引用指向的是同一个堆内存。

//浅度克隆
function clone(obj) {
	var res = {};
	for (var prop in obj) {
		res[prop] = obj[prop];
	}
	return res;
}

例子

var obj = {
	name:'yaya',
	age:12,
}
var obj1 = clone(obj);
console.log(obj);	//{name: "yaya", age: 12}
console.log(obj1);	//{name: "yaya", age: 12}
obj.age = 16;
console.log(obj);	//{name: "yaya", age: 16}
console.log(obj1);	//{name: "yaya", age: 12}
console.log(obj1 === obj2); 	//false

深度克隆（深拷贝）

将一个对象从内存中完整拷贝一份，再在堆内存中开辟一个新空间来存放新对象，修改新对象则不会影响原来对象

function deepClone(obj){
	var res = obj instanceof Array ? [] : {}
	for(var k in obj){
		//判读属性值的数据类型
		if(obj[k] instanceof Array){
			res[k] = deepClone(obj[k])
		} else if (obj[k] instanceof Object){
			res[k] = deepClone(obj[k])
		} else {
			res[k] = obj[k];  //属于简单数据类型
		}
	}
}*注意先判断数组在判断对象，数组也属于对象

例子

var arr = [1, 6, 9];
var obj = {
	name : 'yaya',
	age : 12,
	msg : {
		sex : '女',
	},
	color : ['pink', 'green']
};
var arr1 = deepClone(arr);
console.log(arr);
console.log(arr1);

var obj1 = deepClone(obj);
obj.msg.sex = '男';
console.log(obj1);
console.log(obj);