1.对象赋值:将一个对象赋值给一个新的对象时,赋的其实是对象的地址,而不是数据,两者的改变会互相影响,不管改变的是基础类型还是引用类型的值。
2.浅拷贝:浅拷贝会创建一个对象,再去遍历对象的原始对象,如果拷贝的是基础类型,那么就拷贝基础类型的值,如果拷贝的是引用类型,那么拷贝的是地址,如果改变新的对象那么原来的对象也会被改变。
浅拷贝的语法糖Object.assgin(新的对象,需要拷贝的对象)
3.深拷贝:深拷贝会对基本类型和引用类型的每一级数据都拷贝,如果改变新对象的值那么原来被拷贝的对象不会跟着改变。
可以使用JSON.parse(JSON.stringify(obj))实现深拷贝
代码实现及区别分析:
// 对象赋值
var obj = { name: '小明', msg: { age: 18 } };
var o = obj;
o.name = '小红';
o.msg.age = 20
console.log(o, obj)
// { name: '小红', msg: { age: 20 } } { name: '小红', msg: { age: 20 } }
// 可以看到新数据不管改变的是基础类型还是引用类型,新数据的改变都会影响原数据
// 浅拷贝
var obj = { name: '小明', msg: { age: 18 } };
var o = {};
for (var key in obj) {
o[key] = obj[key]
}
o.msg.age = 20
o.name = '小红'
console.log(o, obj)
// { name: '小红', msg: { age: 20 } } { name: '小明', msg: { age: 20 } }
// 可以看到新数据改变的是基础类型的话则不影响,改变的是引用类型的话则会影响原数据
// 深拷贝
var obj = { name: '小明', msg: { age: 18, } };
var o = {};
function traversal(newobj, oldobj) {
for (var key in oldobj) {
var item = oldobj[key];
if (item instanceof Array) {
newobj[key] = [];
traversal(newobj[key], item)
} else if (item instanceof Object) {
newobj[key] = {};
traversal(newobj[key], item)
} else {
newobj[key] = item
}
}
}
traversal(o, obj)
o.name = '小红'
o.msg.age = 20
console.log(o, obj)
// { name: '小红', msg: { age: 20 } } { name: '小明', msg: { age: 18 } }
// 可以看到新数据改变的不管是基础类型还是引用类型那么它都不会影响原数据