javaScript的浅拷贝与深拷贝

javaScript的浅拷贝与深拷贝，一个面试中常见的知识点。

浅拷贝和深拷贝就是对对数据进行复制，那么它们的区别是什么呢？

1. 浅拷贝：复制“一层”对象的属性，所谓的一层是指，对于数据中的引用类型复制的是其引用地址（也就是指针）。修改一个对象的属性，会改变另一个对象的属性。
2. 深拷贝：逐层复制对象的属性，对于数据中的引用类型重新开辟一个内存空间，两个对象对应不用的地址，修改一个对象的属性，不会改变另一个对象的属性。

实现方法 — 函数

1. 浅拷贝：Array.cancat()、Array.splice()和Object.assign()

let array_concat = array.concat([4]); //浅拷贝 引用数据的改动受影响，添加删除原数组不受影响
let array_slice = array.slice(0); //浅拷贝 引用数据的改动受影响，添加删除原数组不受影响

2. 深拷贝：JSON.parse( JSON.stringify() )

实现方法 — 原生代码

1. 浅拷贝

function simpleClone() {
	Object.assign = Object.assign || function() {
		if(arguments.length === 0) throw new TypeError('Cannot convert undefined or null to object.') 
	};
	let target = arguments[0], args = Array.prototype.slice.call(arguments, 1), key;
	args.forEach((item) => {
		for(key in item) {
			item.hasOwnProperty(item[key]) && (target[key] = item[key]);
		}
	});
	return target;
}

2. 深拷贝

function isType(type) {
	let ret = Object.prototype.toString.call(type);
	switch(ret) {
		case "[object Array]":
			return "数组";
		ccase "[object Object]":
			reutrn "对象";
	}
}
function deepClone(deep, target = {}) {
	if(isType(deep) === "数组") {
		deep = Array.prototype.slice.call(deep);
		deep.map(item => {
			return isType(item) === "对象" ？ deepClone(item) : item;
		});
	} else if(isType(deep) === "对象") {
		for(let key in deep) {
			deep.hasOwnproperty(key) && 
			(isType(deep[key]) === "对象" ? 
			target[key] = deepClone(deep[key]) : 
			target[key] = deep[key]);
		}
	}
	return target;
}