对象拷贝:对象拷贝(Object Copy)就是将一个对象的属性拷贝到另一个有着相同类型的对象中去。在程序中拷贝对象是很常见的,主要是为了在新的上下文环境中复用对象的部分或全部 数据。
JavaScript中有两种类型的对象拷贝:浅拷贝(Shallow Copy)、深拷贝(Deep Copy)。
- 浅拷贝:只是拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做“(浅复制)浅拷贝”,换句话说,浅复制仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变
var person={name:'zhou',age:24,man:{hight:172}}
var son={sex:'男'};
function clone(p,s){
var s=s||{};//判断s对象是否存在,不存在则定义s为空对象
for(var prop in p){
s[prop]=p[prop];
};
return s;//返回s对象
};
clone(person,son);
son.name='prince';
console.log(son.name);//打印prince
console.log(person.name);//打印zhou
son.man.height=180;
console.log(son.man.height);//打印180
console.log(person.man.height);//打印180
-
深拷贝:在计算机中开辟了一块新的内存地址用于存放复制的对象
var person={name:'zhou',age:24,man:{height:172}}
var son={sex:'男'};
function clone(p,s){
var s=s||{};//判断s对象是否存在,不存在则定义s为空对象
for(var prop in p){
if (typeof p[prop]=='object') {
s[prop]=(p[prop].constructor===Array)?[]:{};//三元运算,将s[prop]初始化为数组或者对象
clone(p[prop],s[prop])
}
else {
s[prop]=p[prop];
}
};
return s;//返回s对象
};
clone(person,son);
son.name='prince';
console.log(son.name);//打印prince
console.log(person.name);//打印zhou
son.man.height=180;
console.log(son.man.height);//打印180
console.log(person.man.height);//打印172
总结:深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用。