1、深拷贝和浅拷贝是什么意思&＃xff1f;
- 浅拷贝是会将对象的每个属性进行依次复制&＃xff0c;但是当对象的属性值是引用类型时&＃xff0c;实质复制的是其引用&＃xff0c;当引用指向的值改变时也会跟着变化。
- 深拷贝复制变量值&＃xff0c;对于非基本类型的变量&＃xff0c;则递归至基本类型变量后&＃xff0c;再复制。 深拷贝后的对象与原来的对象是完全隔离的&＃xff0c;互不影响&＃xff0c;对一个对象的修改并不会影响另一个对象。
2、深拷贝和浅拷贝有哪些方法能实现&＃xff1f;
浅拷贝
-
Object.assign({ },obj)
-
展开运算符(...) 示例:{...obj}
-
Array.prototype.concat()
-
Array.prototype.slice()
深拷贝
-
JSON.parse(JSON.stringify(obj)): 性能最快
-
for...in加递归进行逐一赋值
-
手写实现deepClone
3、深拷贝手写实现
原因&＃xff1a;
JSON方法和递归方法存在缺陷
- 具有循环引用的对象时&＃xff0c;报错
- 当属性值为函数、 RegExp 、 Date 、undefined、或symbol时&＃xff0c;无法拷贝
手写&＃xff1a;
- 基本思想&＃xff1a;浅拷贝加递归
- 如果是基本类型&＃xff0c;直接返回
- 如果是 RegExp 或者 Date 类型&＃xff0c;返回对应类型
- 如果是引用类型&＃xff0c;递归
- 考虑循环引用的问题&＃xff0c;使用weakMap&＃xff08;使用一个
WeakMap结构存储已经被拷贝的对象&＃xff0c;每一次进行拷贝的时候就先向WeakMap查询该对象是否已经被拷贝&＃xff0c;如果已经被拷贝则取出该对象并返回&＃xff09;
代码&＃xff1a;
基本思想代码&＃xff1a;
function deepClone(source) {var target &＃61; {};for(var i in source) {if (source.hasOwnProperty(i)) {if (typeof source[i] &＃61;&＃61;&＃61; &＃39;object&＃39;) {target[i] &＃61; deepClone(source[i]); // 注意这里} else {target[i] &＃61; source[i];}}}return target;
}
完整版代码&＃xff1a;
function deepClone(obj,hash &＃61; new WeakMap()) {if (obj instanceof RegExp) return new RegExp(obj);if (obj instanceof Date) return new Date(obj);if (obj &＃61;&＃61;&＃61; null || typeof obj !&＃61;&＃61; &＃39;object&＃39;) {// 不是引用类型,直接返回return obj;}
// 不向WeakMap查询对象是否被拷贝&＃xff0c;若被拷贝则取出并返回。
if (hash.has(obj)) {return hash.get(obj);}/** 如果obj是数组&＃xff0c;那么 obj.constructor 是 [Function: Array]* 如果obj是对象&＃xff0c;那么 obj.constructor 是 [Function: Object]*/let t &＃61; new obj.constructor();hash.set(obj, t);for (let key in obj) {//是否是自身的属性if(obj.hasOwnProperty(key)){//递归t[key] &＃61; deepClone(obj[key],hash);}}return t;
}
京公网安备 11010802041100号