1.赋值
当我们把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。
//赋值
var obj1 = {
'name' : 'zhangsan',
'age' : '18',
'language' : [1,[2,3],[4,5]],
};
var obj2 = obj1;
//obj1.name = "lisi";
//obj1.language[1] = ["二","三"];
obj2.name = "lisi";
obj2.language[1] = ["二","三"];
console.log('obj1',obj1.name+" ",obj1.age+" ",obj1.language.toString())
console.log('obj2',obj2.name+" ",obj2.age+" ",obj2.language.toString())
运行结果:
2.浅拷贝
浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。
浅拷贝是按位拷贝对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值;如果属性是内存地址(引用类型),拷贝的就是内存地址 ,因此如果其中一个对象改变了这个地址,就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝),即只复制对象空间而不复制资源。
//浅拷贝
var obj3 = {
'name' : 'zhangsan',
'age' : '18',
'language' : [1,[2,3],[4,5]],
};
var obj4 = shallowCopy(obj3);
obj4.name = "lisi";
obj4.language[1] = ["二","三"];
function shallowCopy(src) {
var dst = {};
for (var prop in src) {
if (src.hasOwnProperty(prop)) {
dst[prop] = src[prop];
}
}
return dst;
}
console.log('obj3',obj3.name+" ", obj3.age+" ",obj3.language.toString())
console.log('obj4',obj4.name+" ", obj4.age+" ",obj4.language.toString())
运行结果:
可见,基本类型的属性值没变,引用类型的属性值变了;
3.深拷贝
//深拷贝
let arr = [1, 3, {username: ' kobe'}];
let arr4 = JSON.parse(JSON.stringify(arr));
arr4[0] = 'duncan';
arr4[1]= 'duncan';
arr4[2].username = 'duncan';
console.log(arr, arr4)
运行结果:
可见,改变复制品的属性值不会改变元数据的值;
总结: