年薪百万前端工程师浅谈——javascript和python语言的深拷贝

た入场券 2022-02-26 12:20 130阅读 0赞

![1240][]

**深拷贝：**

之前在开发中我遇到一个很大的bug，经过我多次调试之后我发现原本应该有保存数据的地方数据全部被清空，仔细一看发现原来是被人为删除，明明操作的是一个副本，为什么原本也会跟着一起被删除呢？经过了解我发现深拷贝这个说法。深拷贝和浅拷贝在js以及python中都是存在的，指定一个数组然后直接让一个变量等于该数组，接着**改变该变量的话**，指定的数组也会跟着发声改变。如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。

我们来举个浅拷贝例子：

let a=\[0,1,2,3,4\],

b=a;

console.log(a===b);

a\[0\]=1;

console.log(a,b);

![1240 1][]

我发现深拷贝仅对于引用的数据类型诸如数组和对象起作用，但是对于基本数据类型诸如字符串以及数字等没有深浅拷贝这一说法。

**引用数据类型--名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值**，我们以上面浅拷贝的例子，当b=a进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。

我们该怎样去实现深拷贝呢：

1.可以递归的循环的去复制相关属性；

2.slice方法，可以使用slice()方法，这样拷贝在一维的数组可以实现深拷贝，但是对于二维数组而言无法实现深拷贝；

3.第三个方法就是使用JSON.stringify()以及JSON.parse()方法，先进性stringify在进行parse，这样得到的也是属于一个深拷贝；

4.使用jq提供的extend方法：　let a=\[0,1,\[2,3\],4\],* *b=$.extend(true,\[\],a)*; true表示开启深度拷贝，false为浅拷贝；*

以上属于js语言的内容，还有python的深拷贝：

python相对比较简单，直接使用copy库，包括copy()以及deepcopy()这2个，c=copy.copy(alist)，这样是浅拷贝，只能对一级对象实现深拷贝，二级对象没有实现深拷贝，copy.deepcopy(alist)可以实现完全深度拷贝；

**[对web前端感兴趣的小伙伴也可以加 小编q 裙：][web_ _q]**

![1240 2][]

[1240]: /images/20220226/b732bbddc37742df91fa69a430f90d01.png
[1240 1]: /images/20220226/5cce364517ef4a84ac6129dd114da8f4.png
[web_ _q]: https://www.jianshu.com/writer
[1240 2]: /images/20220226/a4c7a27439184d268426cd5e666d9666.png