JavaScript深拷贝

摘要

如果a、b两个对象，使a=b，为了防止修改a、b其中一个时，另一个也跟着改变，所以就需要用到深拷贝。

1、乞丐版（使用json对象）

步骤：

1、把对象转化为字符串

2、复制字符串

3、把复制的字符串再转为对象

缺点：

不可以拷贝 undefined ， function， RegExp 等等类型

//先把对象转为字符串，复制后再转回对象
var objString = JSON.stringify(obj1);
var obj2 = objString;
obj2 = JSON.parse(obj2);

//合并起来就是
var obj2 = JSON.parse(JSON.stringify(obj1));

2、递归版

// 定义一个深拷贝函数  接收目标target参数
function deepClone(target) {
    // 定义一个变量
    let result;
    // 如果当前需要深拷贝的是一个对象的话
    if (typeof target === 'object') {
    // 如果是一个数组的话
        if (Array.isArray(target)) {
            result = []; // 将result赋值为一个数组，并且执行遍历
            for (let i in target) {
                // 递归克隆数组中的每一项
                result.push(deepClone(target[i]))
            }
         // 判断如果当前的值是null的话；直接赋值为null
        } else if(target===null) {
            result = null;
         // 判断如果当前的值是一个RegExp对象的话，直接赋值    
        } else if(target.constructor===RegExp){
            result = target;
        }else {
         // 否则是普通对象，直接for in循环，递归赋值对象的所有值
            result = {};
            for (let i in target) {
                result[i] = deepClone(target[i]);
            }
        }
     // 如果不是对象的话，就是基本数据类型，那么直接赋值
    } else {
        result = target;
    }
     // 返回最终结果
    return result;
}