技術標籤：面試題前端開發面試題筆記javascript前端面試經驗分享

淺拷貝（shallowCopy）只是增加了一個指標指向已存在的記憶體地址，

深拷貝（deepCopy）是增加了一個指標並且申請了一個新的記憶體，使這個增加的指標指向這個新的記憶體，

使用深拷貝的情況下，釋放記憶體的時候不會因為出現淺拷貝時釋放同一個記憶體的錯誤。

淺複製：僅僅是指向被複制的記憶體地址，如果原地址發生改變，那麼淺複製出來的物件也會相應的改變。

深複製：在計算機中開闢一塊新的記憶體地址用於存放複製的物件。

深拷貝實現

const obj1 = {
	age: 20,
	name: 'kayo',
	address: {
		city: 'beijing'
	},
	arr: ['a', 'b', 'c']
}
			
const obj2 = deepClone(obj1);
			
//淺拷貝
// const obj2 = obj1;
obj2.address.city = 'shanghai';
obj2.arr[0] = 'a1';
console.log(obj1.address.city);
console.log(obj1.arr[0]);
			
/**
* 深拷貝
* {Object} obj 要拷貝的物件
*/
function deepClone(obj = {}) {
	if (typeof obj !== 'object' || obj == null) {
		//obj是null，或者不是物件和陣列，直接返回
		return obj;
	}
	//初始化返回結果
	let result
	if (obj instanceof Array) {
		result = [];
	} else {
		result = {};
	}
				
	for (let key in obj) {
		//看一下每個key是不是這個物件自己所擁有的屬性，保證key不是原型的屬性
		if (obj.hasOwnProperty(key)) {
			//遞迴呼叫！！！
			result[key] = deepClone(obj[key]);
		}
	}
	//返回結果
	return result;
}