深度克隆对象

克隆的概念

• 浅度克隆：原始类型为值传递，对象类型仍为引用传递。
• 深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。

看一个浅克隆例子：

//浅克隆function clone(obj) {    var result = {};    for (key in obj) {        result[key] = obj[key];    }    return result;}var Person = {    name: "jack",    age: "18",    Address: {        province: "beijing"    },};var New = clone(Person);console.log(Person.Address.province); //beijingNew.Address.province = "shanghai";console.log(Person.Address.province); //shanghai

再看一个深克隆例子:

//深度克隆function deepClone(obj) {    var result, oClass = isClass(obj);    if (oClass === 'Object') { //初始化result类型        result = {};    } else if (oClass === 'Array') {        result = [];    } else {        return obj;    }    for (key in obj) {        var copy = obj[key];        if (isClass(copy) == 'Object') {            result[key] = arguments.callee(copy);////递归调用        } else if (isClass(copy) == 'Array') {            result[key] = arguments.callee(copy);        } else {            result[key] = obj[key];        }    }    return result;}function isClass(o) {//判断传入的类型    if (o === null) return 'Null';    if (o === undefined) return 'Undefined';    return Object.prototype.toString.call(o).slice(8, -1);}var Person = {    name: "jack",    age: "18",    Address: {        province: "beijing"    },};var New = deepClone(Person);New.name = "tom";New.Address.province = "shanghai";console.log(Person.name); //jackconsole.log(Person.Address.province); //beijingconsole.log(New.name); //tomconsole.log(New.Address.province); //shanghai