JavaScript学习笔记（十四）——深拷贝

2022-06-18 11:38:27 阅读：191 来源： 互联网

标签：obj1 obj2 obj JavaScript 笔记 JSON var 拷贝

深拷贝

先来理解一下什么是深拷贝：就是复制出一个新的对象，不能修改它所拥有的全部数据，包括数据类型，但是绝对不能相等，也就是说==为false。

第一种情况：如果内部没有引用数据，或者时间正则null等等数据时。

如果我创建了一个对象obj1，这个时候我要拷贝一份obj1里面的内容以保证我修改obj2内容时，obj1对象不受影响，也就是说在内存中重新申请一个空间。

        var obj1 = {
            name: 'karen'
        }
        
        //这种方法不推荐使用，因为还要去看obj1里面的成员，多了无法实现
        // var obj2 = {};
        // obj2.name = obj1.name;

        //巧妙利用JSON字符串的转换完成拷贝
        var str = JSON.stringify(obj1);
        var obj2 = JSON.parse(str);


        //检测是否是同一个对象
        console.log(obj1 == obj2);
        //false

第二种情况（笔试频率特别高和垂直水平居中差不多）：

例如：拷贝事件对象

var dt = new Date();
var dt2 = JSON.parse(JSON.stringify(dt));
 console.log(typeof dt2);//打印出来的不是date而是string

如果拷贝事件对象的话，用我们前面的方法来拷贝就会出现错误，拷贝过去的不是事件对象，而是字符串，所以我们要学习更高级的拷贝方法：

自己封装一个函数（背下来）：

方法1. 最简单的方式,缺陷是原型链没有拷贝函数和null不会拷贝；

var copy1 = function (obj) {
    return JSON.parse(JSON.stringify(obj));
}
var a = {a:function(){console.log('hello world')},b:{c:1},c:[1,2,3],d:"wanger",e:new Date(),f:null,g:undefined}
var b = copy1(a)

方法2.利用自调用；

       var obj = {
            o1: 'hello',
            o2: [1, 23, [3, 2]],
            o3: null
        };
        var copy1 = function (obj) {
            if (obj === null) return null
            if (typeof obj !== 'object') return obj;
            if (obj.constructor === Date) return new Date(obj);
            if (obj.constructor === RegExp) return new RegExp(obj);
            var newObj = new obj.constructor(); //保持继承链
            for (var key in obj) {//这里可以用object.key(obj)
                if (obj.hasOwnProperty(key)) { //不遍历其原型链上的属性
                    var val = obj[key];
                    newObj[key] = typeof val === 'object' ? arguments.callee(val) :
                        val; // 使用arguments.callee解除与函数名的耦合
                }
            }
            return newObj;
        };
        var obj2 = copy1(obj);
        console.log(obj2);

标签：obj1,obj2,obj,JavaScript,笔记,JSON,var,拷贝
来源： https://www.cnblogs.com/xiaohuliya/p/16387929.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript学习笔记（十四）——深拷贝

深拷贝