浅拷贝:也就是在对象复制时,只是对对象中的数据成员进行简单的赋值,如果对象中存在动态成员,即指针,浅拷贝就会出现问题。
深拷贝:对于深拷贝,针对成员变量存在指针的情况,不仅仅是简单的指针赋值,而是重新分配内存空间。
1.ES6实现浅拷贝: Object.assign()
e.g. Object.assign({a:1},{a:2,b:3})
输出结果{a: 2, b: 3}
2.js实现浅拷贝
function shallowClone(source) { if(!source || typeof source!=Object){ return new Error('error'); } var targetObj=source.constructor()===Array?[]:{}; for(var keys in source){ if(source.hasOwnProperty(keys)){ targetObj[keys]=source[keys]; } } return targetObj; }
3.js实现深拷贝
function cloneDeep(obj){ if(typeof obj !== 'object' || Object.keys(obj).length === 0 ){ return obj; } let resultData = {}; return recurison(obj, resultData); } function recurison(obj, data = {}){ for(key in obj){ if(typeof obj[key] == 'object' && Object.keys(obj[key].length > 0 )){ data[key] = recurison(obj[key]); }else{ data[key] = obj[key]; } } return data; }