手写浅拷贝和深拷贝（深拷贝对象中包含函数的处理方法）

最新推荐文章于 2023-09-10 13:32:04 发布

weixin_41387874

最新推荐文章于 2023-09-10 13:32:04 发布

阅读量401

点赞数

分类专栏：常见面试题手写题文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41387874/article/details/120326334

版权

常见面试题同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

手写题

1 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中实现对象拷贝的两种方法：浅拷贝和深拷贝。通过示例代码详细解释了浅拷贝函数`shallowCopy`和深拷贝函数`deepCopy`的工作原理，展示了它们在处理复杂对象和函数引用时的区别。对于浅拷贝，复制的是对象的引用，而深拷贝则会创建新的对象实例。文章强调了在处理包含对象和函数的复杂数据结构时，正确理解拷贝行为的重要性。

摘要由CSDN通过智能技术生成

手写浅拷贝

function shallowCopy(obj)
{
 let objNew = new Object();
 for(let item in obj)
     {
         objNew[item] = obj[item];
     }
 return objNew;
}
let obj = {
    name: "a",
    obj1: {
        age : 1
    },
    fn : function(){
        let a = "1";
        console.log(a);
    }
}
let copy = shallowCopy(obj);
copy.obj1 === obj.obj1; //true
copy.fn === obj.fn; //true

手写深拷贝

function deepCopy(obj)
{
    let arr = Array.isArray(obj)? []:{};
    for(let i in obj)
    {
            if(typeof obj[i] === "object" && (Boolean(obj[i])))
            {
                arr[i] = deepCopy(obj[i]);
            }else if(typeof obj[i] === "function")
            {
                arr[i] = new Function("return " + obj[i].toString())();
            }else{
                arr[i] = obj[i];
            }
    }
    return arr;
}
let obj = {
    name: "a",
    obj1: {
        age : 1
    },
    fn : function(){
        let a = "1";
        console.log(a);
    }
}
let copy = deepCopy(obj)
copy.obj1 === obj.obj1; //false
copy.fn === obj.fn; //false