js深浅拷贝

这个名词听起来可能比较高级，但是还是比较容易理解的。市面上有些博客写的不完成，只是实现了半层次的深拷贝，只能对第一层次实现深拷贝，再多的层次就不行了，类似数组的slice，concat

深浅拷贝，在表象上表现为，如果我们把A复制给B，这个时候我们修改A如果B也跟着变化了，这个就是浅拷贝，但是如果B没有变就是深拷贝。

深浅拷贝发生在js的引用类型中，而且我们一般是用在数组和对象中。

浅拷贝

const obj = {
    id: 1,
    name: 'zx',
    age: 18,
    class: {
        id: 1
    }
}
const obj2 = obj
obj.id = 55
console.log(obj2.id) // 55

这种直接赋值的方式就是浅拷贝，只把指针地址复制了过来，还是共用的一块内存，所以修改一处的值都会改变。

深拷贝

function deepCopy(objParam) {
    let obj = Array.isArray(objParam) ? [] : {};
    for (const key in objParam) {
        if (objParam.hasOwnProperty(key)) {
            if (objParam[key] && typeof objParam[key] === "object") {
                obj[key] = deepCopy(objParam[key])
            }
            else {
                obj[key] = objParam[key]
            }
        }
    }
    return obj
}
const obj4 = deepCopy(obj)
obj4.class.id = 66

console.log(obj.class.id,obj4.class.id) // 1, 66

在这里还有一个邪术可以快速的深拷贝，但是听说这种方法不太好，通过JSON.stringify()和JSON.pasrse()这种方式原理也很简单，先把这个元素转化为一个字符串(值类型),然后再使用parse转化为引用类型。

扩充 hasOwnProperty和instanceof

在这里扩充两个知识点，hasOwnProperty和instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

例如：

const arr = [1, 2]
const obj = { id: 1 }
console.log(arr instanceof Array) // true
console.log(obj instanceof Array) // false

hasOwnProperty 判断一个对象上是否含有某个属性,返回布尔值。

例如:

const obj = {
    id: 1,
    name: 'zs',
    age: 18
}
console.log(obj.hasOwnProperty('name'))  // true