985f7621d8f537a943383a9ff9a7b0fc.png

一般来说，在js中我们用JSON.parse（JSON.stringify（obj））来完成深拷贝，但是该方法不能解决属性为函数，undefined，循环引用的的情况，因此我们有时需要自己实现一个深拷贝。

1 先写一个判断是否是对象的函数

function isObject(obj){
    return typeof obj==="object" && typeof obj!=="null"
}

2 判断obj是数组还是对象，从而采取不同方式浅拷贝第一层

let res=Array.isArray(obj)?[...obj]:{...obj};

3判断每个属性 ，如果是对象，不断递归调用深拷贝

Object.keys(res).forEach((key)=>{
        res[key]=isObject(res[key])?deepClone(res[key]):res[key]
})

完整代码如下：

function deepClone(obj){
    function isObject(obj){
        return typeof obj==="object" && typeof obj!=="null"
    }
    if(!isObject(obj)){
        throw new Error("输入参数不是对象")
    }
    let res=Array.isArray(obj)?[...obj]:{...obj};
    Object.keys(res).forEach((key)=>{
        res[key]=isObject(res[key])?deepClone(res[key]):res[key]
    })
    return res 
}

这只是深拷贝的一个简单实现思路，并没有考虑原型链如何处理、DOM 如何处理，如果真的有深拷贝需求，推荐使用lodash 的深拷贝函数。