js 对象深复制

深复制：源对象的属性如果有对象，该对象属性修改后，不会引起复制后的对象各属性的改变，源对象的任何属性及子属性，与新对象的没有任何引用关系。

简单来说就一句话，新对象与原对象，除了长得一样外，没有任何引用关系，两边更新修改互不影响。

var obj = {
    a: 1,
    b: "a",
    c: true,
    d: function (a, b) {
        if (a > 10) a = 10;
        if (b > 5) {
            b = 5;
        } else if (b < 0) {
            b = 0;
        }
        console.log(a + b);
    },
    e: [1, 2, 3, 4],
    f: {
        g: ["a", "b", "c"],
        h: new Date(),
        i: /^[a-z]+$/g,
        j: {
            k: {

            },
            l: [true, false],
            m: [
                { id: 1001, name: "abc1" },
                { id: 1002, name: "abc2" },
                { id: 1003, name: "abc3" }
            ]
        }
    }
}
Object.defineProperties(obj.f.j, {
    n: {
        value: function () {
            console.log("abcd");
        }
    },
    o: {
        value: 10,
        enumerable: true
    },
    p: {
        value: [1, 2, 3],
        writable: true
    },
    q: {
        value: true,
        writable: true,
        enumerable: true
    }
});

Object.defineProperties(obj.f.j.k, {
    r: {
        value: function () {

        },
        writable: true
    },
    s: {
        value: { a: 1 },
        enumerable: true
    }
});
// console.log(obj);

var obj1 = cloneObject(obj);

obj.f.j.p[2] = 10;
console.log(obj, obj1);

function cloneObject(sourceObj, targetObj) {
    // targetObj=targetObj || {};
    if (!targetObj) {
        // sourceObj.constructor就是 sourceObj的类型
        // sourceObj是数组  sourceObj.constructor->Array   new Array();
        targetObj = new sourceObj.constructor();
        switch (sourceObj.constructor) {
            case RegExp:
                targetObj = new RegExp(sourceObj.source, sourceObj.flags);
                break;
            case Date:
                targetObj = new Date(sourceObj);
                break;
        }
    }
    var names = Object.getOwnPropertyNames(sourceObj);
    for (var i = 0; i < names.length; i++) {
        // console.log(names[i],sourceObj[names[i]]);
        // console.log(typeof sourceObj[names[i]]);
        var desc = Object.getOwnPropertyDescriptor(sourceObj, names[i]);
        if (typeof desc.value === "object") {
            var o = cloneObject(desc.value);
            Object.defineProperty(targetObj, names[i], {
                enumerable: desc.enumerable,
                configurable: desc.configurable,
                writable: desc.writable,
                value: o
            });
        } else if (typeof desc.value === "function") {
            var fnStr = desc.value.toString().replace(/\n/g, "");
            var arg = fnStr.match(/\((.*?)\)/)[1];
            var content = fnStr.match(/{(.*)}/)[1];
            var fn = new Function(arg, content);
            Object.defineProperty(targetObj, names[i], {
                enumerable: desc.enumerable,
                configurable: desc.configurable,
                writable: desc.writable,
                value: fn
            });
        } else {
            Object.defineProperty(targetObj, names[i], desc);
        }
    }
    return targetObj;
}

目标对象（新对象）与原对象，所有的属性一模一样，而且，更改新对象的任何属性，不会影响原对象的属性值。