var Obj1 = {'name':'张三','age':28};
var Obj2 = Obj1;
浅拷贝:直接赋值是浅拷贝方式,Obj2和Obj1在栈中虽然是两个空间,但是他们都指向堆中的同一个空间,当Obj1改变的时候,Obj2也会改变
深拷贝方法:
方法1:基于基础JSON数据格式的转换,其他如Reg、function、Set、Map等将来出现的数据类型都是不支持的,如果对象中含有这些元素,转换时将丢失
var Obj2 = JSON.parse(JSON.stringify(Obj1));
方法2:定义自己的工具包,实现一个深拷贝,供框架使用 Object.prototype.toString.call() 没有意外情况的对象类型判断
const OBJECT_TYPE = "[object Object]";
//优化:Map会对内部数据持有强引用,导致数据无法被内存回收
//WeakMap:弱引用
//var o1 = new Map(); o1 = null; 无法被回收,操作无用
//var o2 = new WeakMap();o2 = null; 可以回收
const map = new WeakMap();
function deepClone(obj)
{
//基于数据基本类型,不去处理
//function不去处理,用来复用
if(typeof obj !== 'object' || !obj)
{
return;
}
if(map.has(obj)) return map.get(obj);
let params;
//引用数据类型:按不同的处理方式分类
//1、通过构造函数入参的
if(obj instanceof Date || obj instanceof Regex)
{
params = obj;
}
let tmp = new obj.constructor(params);
map.set(obj,tmp);
//2、特殊API添加原色的Set、Map
if(obj instanceof Map)
{
for(let [key,val] of obj)
{
//todo:key和val有可能是对象
tmp.set(deepClone(key),deepClone(val));
}
}
else if(obj instanceof Set)
{
for(let val of obj)
{
//todo:val有可能是对象
tmp.add(deepClone(val));
}
}
else if(Array.isArray(obj) || Object.prototype.toString.call(obj) == OBJECT_TYPE )
{
for(let key in obj)
{
tmp[key] = deepClone(obj[key]);
}
}
//3、通过key + value直接操作的:对象、数组
return tmp;
}