详细介绍什么是深拷贝浅拷贝
1.浅拷贝是把被拷贝的对象 复杂数据类型中的地址 拷贝给目标对象(地址的引用),修改目标对象 会影响 被拷贝对象;
2.深拷贝,完全克隆(拷贝的是对象,而不是地址),修改目标对象不会影响被拷贝对象
3. 通俗的讲:深拷贝拷贝,克隆后的对象会在内存另开辟内存,指针克隆后的对象指针指向新开辟的内存
一:浅拷贝;仅仅是指针给了另一个对象
// 1.浅拷贝,仅仅是指针给了另一个对象,
//2. 修改目标对象 会影响 被拷贝对象;
var obj = {
name: '厂长',
age: 22,
info: '野区养猪',
say() {
console.log(111111);
}
}
var obj1 = obj;
console.log(obj1); //{name: "厂长", age: 22, info: "野区养猪", say: ƒ}
obj1.info = '打野'
console.log(obj); //{name: "厂长", age: 22, info: "打野", say: ƒ}
二:深拷贝;两个对象之间没有任何关系
// 通过json实现深拷贝,会造成方法丢失
var obj = {
name: '厂长',
age: 22,
info: '野区养猪',
say() {
console.log(111111);
}
}
var obj1 = JSON.stringify(obj);
obj1 = JSON.parse(obj1);
obj1.name = 'faker';
//obj感受不到变化
console.log(obj);//{name: "厂长", age: 22, info: "野区养猪", say: ƒ}
console.log(obj1);//{name: "faker", age: 22, info: "野区养猪"}//方法丢失了
// 通过for-in遍历循环,实现深拷贝
var obj = {
name: '厂长',
age: 22,
info: '野区养猪',
}
var obj1 = {}
for (var attr in obj) {
obj1[attr] = obj[attr]
}
obj1.name = '骚猪PDD'
console.log(obj);//{name: "厂长", age: 22, info: "野区养猪"}
console.log(obj1);//{name: "骚猪PDD", age: 22, info: "野区养猪"}
//Object.assign()方法深拷贝
var obj = {
name: '厂长',
age: 22,
info: '野区养猪',
say() {
console.log(111111);
}
}
var obj1 = {};
// 将obj 合并到obj1上
Object.assign(obj1, obj);
// console.log(obj1);
obj1.name = '若风',
console.log(obj);//原对象感受不到变化原对象name属性没有变化
//{name: "厂长", age: 22, info: "野区养猪", say: ƒ}
//三个点语法实现的对象深拷贝
var obj = {
name: '玩游戏',
info: '吃鸡'
}
var obj1 = {
...obj
}
obj1.name = '和平精英'
console.log(obj1);//拷贝的新对象{name: "和平精英", info: "吃鸡"}
console.log(obj);//原对象没有变化{name: "玩游戏", info: "吃鸡"}