前端笔试题——实现对象深拷贝的几种方法

浅拷贝：
实际上复制的是对象的引用，相当于复制了对象的内存地址。复制后，系统中存在一个对象，但是有两个指向该对象的地址。
当原对象A的属性或方法发生变化时，复制后的对象B也相应改变。
深拷贝：复制对象，并创建一个指向这个新对象的指针。
新开辟一个内存，用于存放一个新的，和原对象A一样的对象，并创建一个指针指向该对象。
原对象A的属性或方法发生变化对复制后的对象B没有影响。

深拷贝的方法：

1. JSON.parse(JSON.stringifiy())方法

function deepCopy(obj){
	return JSON.parse(JSON.stringify(obj));
};

• 最简单的方法；
• 不适用于RegExp，Date，Function等特殊对象的复制；
• 会抛弃原对象的constructor，新对象的constructor指向Object。

2. 递归方法

function deepCopy(obj){
	let newObj = {};
		//for...in 遍历obj所有自身的和继承的可枚举的属性。
	for(let key in obj){
		if(obj.hasOwnProperty(key)){
			if(obj[key] && typeof obj[key] === 'object')  newObj[key] = deepCopy(obj[key]);
			else newObj[key] = obj[key];
		}
	}
	return newObj;
};

• 不适用于RegExp，Date，Function等特殊对象的复制；
• 新对象的constructor指向Object；
• 抛弃了原对象原型上的方法和属性。

3. getOwnPropertyDescriptor()和defineProperty()方法

function deepCopy(obj){
	let propertyNames = Object.getOwnPropertyNames(obj);
	let newObj = Object.create(Object.getPrototypeOf(obj));
	propertyNames.forEach(function(item){
		let features = Object.getOwnPropertyDescriptor(obj, item);
		Object.defineProperty(newObj, item, features);
	});
	return newObj;
};

• 不适用于RegExp，Date，Function等特殊对象的复制；
• 保留了原型上的方法；
• 保留了原对象的特性。

4. Object.assign()方法

function deepCopy3(obj){
	return Object.assign({},obj);
};

• ES6新增的方法;
• 只适用于对象的属性为基本类型的情况，若原对象的属性为引用类型，则只拷贝属性的地址，及对引用类型的属性进行浅拷贝;
• 新对象的constructor指向Object。

5. 当对象中有Date，RegExp类型的属性时，可使用如下方法：

function deepCopy4(obj){
	if(typeof obj === null) return null;
	if(typeof obj !== 'object') return obj;
	let newObj;
	let type = Object.prototype.toString.call(obj);
	if(type === '[object Array]') newObj = [];
	else if (type === '[object Date]') {
		newObj = new Date(obj.getTime());
	}
	else if(type === '[object RegExp]') {
		let flag = '';
		if(obj.global) flag += 'g';
		if(obj.ignoreCase) flag += 'i';
		if(obj.multiline) flag += 'm';
		newObj = new RegExp(obj.source, flag);
		if(obj.lastIndex) newObj.lastIndex = obj.lastIndex;
	}
	else{
		newObj = Object.create(Object.getPrototypeOf(obj));
	}
	for(let key in obj) {
		newObj[key] = deepCopy4(obj[key]);
	}
	return newObj;
}

• 本质上也是一种递归方法；
• 使用Object.prototype.toString.call()判断属性类型，不同类型进行不同的处理；
• 适用于属性值为RegExp，Date，Array等多种情况。