知识点汇总——深拷贝和浅拷贝

• 1、讲讲浅拷贝和深拷贝的区别？

浅拷贝：拷贝指针

深拷贝：复制一个新的对象,两个内存，修改其中一个对象并不会影响另一个对象

• 2、怎么实现深拷贝？至少2种方法

通过递归实现

// 浅拷贝
function copy(target,source){
    for(var item in source){
        // 加上递归就是深拷贝
        if(source[item] && typeof source[item]==='object'){
            target[item] = {}
            copy(target[item],source[item])
        }
        target[item] = source[item]
    }
    return target
}

通过JSON.stringify和parse方法来实现

function deepClone(obj){
    let _obj = JSON.stringify(obj)
    let objClone = JSON.parse(_obj)
    return objClone
}

通过jquery的extend实现

$.extend( [deep ], target, object1 [, objectN ] )

deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝

target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1  objectN可选。 Object类型 第一个以及第N个被合并的对象。 

 

let a=[0,1,[2,3],4]
let b=$.extend(true,[],a)

• 3、如果要实现带setter和getter特性的拷贝，怎么实现？

Object.defineproperties （定义属性）、Object.getOwnPropertyDescriptors（es2017，获取对象的多个属性）

• 深拷贝的使用场景？

防止改变一个对象导致其他对象也跟着变化

• 浅拷贝的方法：

concat

slice

Object.assign