深拷贝和浅拷贝的区别和实现方法

首先了解下JS里面有两种数据类型，基本数据类型(Number,String,boolean,Undefined,Null,Object)和引用数据类型(Object,Function,Array)。

基本数据类型就是简单的赋值，不存在深拷贝和浅拷贝。比如将a赋值给b,a和b都保存了一样的值，且不会彼此影响。基本数据类型名字和值都保存在栈内存中。

let a = 1;
let b = a;
console.log(a, b) // 1 1
a = 2;
console.log(a, b) // 2 1

而引用类型或者说是复合类型，保存的是对象变量的地址值，对象变量的地址值也是保存在栈内存中，这个地址值可以理解为指针，指向堆内存的对象，在堆内存中为这个值分配空间。当查询引用类型的变量时， 先从栈中读取内存地址， 然后再通过地址找到堆中的值。

浅拷贝指的是，将a赋值给b时，拷贝的是a的引用地址，而非真正的堆内存的值，此时a和b指向同一个堆内存。那么将a或b修改值或者属性时，将会彼此影响。

let a = {
	n : 1,
	b : function() {
		console.log("我是a!");
	}
}
let b = a;
b.b = function() {
	console.log("我是b!");
}
a.b(); // 我是b
b.b(); // 我是b

深拷贝指的是，将a赋值给b，但在堆内存中给b开辟了一块新的内存，a和b的地址值指向不同的内存，所以两者不会相互影响。

实现深拷贝方法：

1. 原生JS递归方法

function deepClone(obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if(obj && typeof obj === 'object') {
        for(let key in obj) {
            if(obj[key] && typeof obj[key] === 'object') {
                objClone[key] = deepClone(obj[key])
            }
            else {
                objClone[key] = obj[key]
            }
        }
    }
    return objClone;
}

2.JSON.Parse和JSON.Stringfy

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

无法拷贝function和undefined，