深拷贝最佳方案

//使用递归函数进行深拷贝
//函数拷贝
const copyObj = (obj = {}) => {
//变量先置空
let newobj = null;

//判断是否需要继续进行递归
if (typeof (obj) == 'object' && obj !== null) {
newobj = obj instanceof Array ? [] : {};
//进行下一层递归克隆
for (var i in obj) {
newobj[i] = copyObj(obj[i])
}
//如果不是对象直接赋值
} else newobj = obj;

return newobj;
}

 

//上方函数的使用方式示例
//模拟对象
let obj = {
numberParams:1,
functionParams:() => {
console.log('昨天基金全是绿的，只有我的眼睛是红的');
},
objParams:{
a:1,
b:2
}
}

const newObj = copyObj(obj); //这样就完成了一个对象的递归拷贝

obj.numberParams = 100; //更改第一个对象的指
console.log(newObj.numberParams); //输出依然是1 不会跟随obj去改变

 

进行深拷贝的方法

• 递归函数 （推荐使用，项目中使用的更多，更小，更安全）
• JSON.stringify() 和JSON.parse() ; (不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)
• 第三方库lodash的cloneDeep()方法 （就情况而定，如果项目中原先就有lodash这个第三方库，可以使用，否则还是推荐使用递归函数。不然成本太高。）
• JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)