javascript深浅拷贝的实现和区别

本文以参与[新人创作礼]活动，一起开启掘金创作之路。

• 什么是深拷贝和浅拷贝

所谓拷贝就是赋值，把a的值赋值给b

• 区别

最明显的区别就是：把a的值赋值给b，然后你改变b，看a会不会有变化，如果a变了那就是浅拷贝，如果a没有变那么就是深拷贝。

基本类型：拷贝的值和名字都会储存在栈中 引用类型：拷贝的值会储存在堆中，名字会存在栈中，即就是在栈中存的是指向堆中值的地址

• 使用场景

当你在项目中想使用这里的数据，但又不能改变原数据的情况下。

• 实现深浅拷贝的方法

1. 递归

// 功能：深浅拷贝的封装
// 参数：源对象
// 返回值：拷贝后的值
function copy(obj){
    let objNew  = Array.isArray(obj)?[]:{};
    for(let key in obj){
        if(typeof obj[key] == "object"){
            objNew[key]=copy(obj[key]);
        }else{
            objNew[key] = obj[key];
        }
    }
    return objNew;
}

2. 利用JSON.stringify和JSON.parse来实现，这种方式无法实现对象中方法的深拷贝会显示为undefined

3. 通过jQuery的extend方法实现深拷贝。

var array = [1,2,3,4];
var newArray = $.extend(true,[],array); // true为深拷贝，false为浅拷贝

4. 利用lodash函数库实现深拷贝 _.cloneDeep