面向对象-拷贝属性-深拷贝——学习笔记

递归思想，重要的一步 var tmpObj = new fromValue.constructor; 通过原型链得出要创建的类型。

赋值的这一步容易忘记toObj[key] = tmpObj;

<script>
    // 1. 要拷贝的对象
    var obj = {
        name: '小狗',
        age: 18,
        friends: ['小花', '小黑'],
        goodF: {
            name: '小帅哥',
            age: 19,
            address: '上海',
            pets: [{name: '土豆'}, {name: '马铃薯'}]},
        bir: new Date()
    };

    /**
     * 深拷贝fromObj面的所有属性/值, 到toObj对象里面
     * @param fromObj 拷贝对象
     * @param toObj   目标对象
     */
    function deepCopyObj2NewObj(fromObj, toObj) {
        for (var key in fromObj) {
            var fromValue = fromObj[key];
            // 如果是值类型，那么就直接拷贝赋值
            if (!isObj(fromValue)) {
                toObj[key] = fromValue;
            } else {
                // 如果是引用类型，那么就再调用一次这个方法，
                // 去内部拷贝这个对象的所有属性
                //  fromValue是什么类型, 创建一个该类型的空对象
                var tmpObj = new fromValue.constructor;
                // console.log(tmpObj);
                // debugger;
                deepCopyObj2NewObj(fromValue, tmpObj);
                toObj[key] = tmpObj;
            }
        }
    }

    /**
     * 辅助函数, 判定是否是对象
     * @param obj
     * @returns {boolean}
     */
    function isObj(obj) {
        return obj instanceof Object;
    }

    

    var newObj = {};
    deepCopyObj2NewObj(obj, newObj);
    obj.goodF.pets[0]['size'] = '20px';

    console.log(obj);
    console.log(newObj);
</script>