实现一个深克隆

1.在js中,我们实现最快的克隆方式是什么?
没错,就是我们的

const aaa = {
	"aaa": 111
}

const bbb = JSON.parse(JSON.stringify(aaa));
1
2
3
4
5

通过JSON.parse跟JSON.stringify方式, 可以实现深克隆的百分之80的场景,
为什么是百分之80的场景呢?
1.当对象的层级太深了,就不会安全的深克隆
2.如果对象中 含有 function 关键字,就会被转化成 “function”, 导致克隆出错

好了, 我们简单的实现一下 深克隆,很简单的几个代码

function cloneDeep(source) {
    // 这里判断一下 是不是引用类型
    if(typeof source != 'object') return source;
    // 这里 来判断 是什么类型
    let target = source.constructor == "Array" ? [] : {};

    for(let key in source) {
        if(source.hasOwnProperty(key)) {
            if(source[key] && typeof source[key] == 'object') {
                target[key] = cloneDeep(source[key]);
            } else {
                target[key] = source[key];
            }
        }
    }
    return target;
}

const arr1 = {
    a: 1,
    b: [1,2,3],
    c: {
        cc: 111
    }
};

const arr2 = cloneDeep(arr1);
arr2.b = [1,2,3,4];
arr2.c["ddd"] = 444;

console.log(arr1, "arr1");
console.log(arr2, "arr2");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

结果是:

arr2添加的数据, arr1 互不影响, 这个样子就是 简单版的深克隆就写好了