js对象深复制/深拷贝功能函数封装

最新推荐文章于 2024-08-28 14:56:42 发布

Boriska1996

最新推荐文章于 2024-08-28 14:56:42 发布

阅读量287

点赞数

分类专栏： JS 文章标签： object js

本文链接：https://blog.csdn.net/RequesToGod/article/details/112170117

版权

JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

js对象深复制封装(深拷贝)

深复制，及源对象的属性如果有对象，该对象属性修改后，不会引起复制后的对象各属性的改变，

源对象的任何属性及子属性与新对象的直接没有任何引用关系。

一下例举几种浅复制常见方法：

        for(var prop in obj){
             // 浅复制
         }

         Object.assign();//浅复制

         var obj1={...obj};//浅复制 如果原obj1就存在，还会改变原obj1的引用地址

         var obj1=JSON.parse(JSON.stringify(obj));

直接上代码（深复制）：

原理无非用obj.hasOwnProperty(key)来判断属性，再利用递归往复判断已达到对象深复制。

   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;
        }