深入学习之浅拷贝

let foo = {

    a: 1,

    b: 2,

    c: {

        d: 1,

    }

}

let bar = {};

Object.assign(bar, foo);

foo.a++;

foo.a === 2 //true

bar.a === 1 //true

乍一看，好像已经实现了深拷贝的效果，对foo.a进行的操作并没有体现在bar.a中,但是再往后看

foo.c.d++;

foo.c.d === 2 //true

bar.c.d === 1 //false

bar.c.d === 2 //true

Object.assign()的拷贝类型十分明显了,这是一种可以对非嵌套对象进行深拷贝的方法,如果对象中出现嵌套情况,那么其对被嵌套对象的行为就成了普通的浅拷贝.

如果真的想进行深拷贝,最简单粗暴地方式就是JSON操作.

JSON对象中包含两个方法, stringify()和parse(),前者可以将对象JSON化,而后者可以将JSON格式转换为对象.这是一种可以实现深拷贝的方法.

但这种方法的缺陷是会破坏原型链,并且无法拷贝属性值为function的属性

所以如果只是想单纯复制一个嵌套对象,可以使用此方法

let foo = {

    a: 1,

    b: {

        c: 1

    }

}

let bar = JSON.parse(JSON.stringify(foo));