js实现引用对象的深度复制

如果要复制下面这样一个对象：

var xm={age:20,name:'li',fa:[1,2],gf:{sex:'femal',family:[9,8]}}

只用for in循环是远远不够的，因为内部的fa数组和gf对象就只是取得了引用地址，复制后的对象和xm对象引用的是同样的一个fa和gf

如果想实现深度复制怎么办？主要可以考虑下面两种情况：数组、对象。

数组和对象的复制可以通过for in循环里嵌套一个循环来解决。但是这么嵌套下去也不是个办法啊，这时候函数递归就起到了作用，比如下面：

function copyObj(obj) {var newobj={};for(var j in obj){if (obj[j] instanceof Array) {newobj[j]=copyArray(obj[j]);}else if(obj[j] instanceof Object){newobj[j]=arguments.callee.call(null,obj[j]);}else{newobj[j]=obj[j];}}function copyArray(arr) {var newarr=[];for(var i in arr){newarr[i]=arr[i];}return newarr;}return newobj;}

调用：

var xm={age:20,name:'li',fa:[1,2],gf:{sex:'femal',family:[9,8]}}var xh=copyObj(xm);console.log(xh);console.log(xm);

检验：

console.log(xh);console.log(xm);xh.gf.family[0]='mail';

打印结果显示，深度复制成功，看标红的地方，是不是不一样，说明引用的是两个不同的对象。

{age: 20, name: "li", fa: Array(2), gf: {…}}age: 20fa: (2) [1, 2]gf: family: (2) ["mail", 8]sex: "femal"__proto__: Objectname: "li"__proto__: Object
qwr.html:40 {age: 20, name: "li", fa: Array(2), gf: {…}}age: 20fa: (2) [1, 2]gf: family: (2) [9, 8]sex: "femal"__proto__: Objectname: "li"__proto__: Object