js 对象浅拷贝和深拷贝

时间:2021-04-17 19:49:15
var model={name:"boy",age:13};
var CopyModel=model;
console.log(CopyModel.name);
model.name="girl";
console.log(CopyModel.name);

输出值:

js 对象浅拷贝和深拷贝

CopyModel复制model对象,修改model对象,再输出CopyModel对象,结果却是修改后model对象的值,为什么会这样?


"="就是浅拷贝,浅拷贝指向的内存都是同一个内存的地址

js 对象浅拷贝和深拷贝

model和CopyModel的值指向的是同一个内存。


而我们并不需要这样的浅拷贝,深拷贝是在内存中开辟一个新的内存地址


1.JSON.parese(JSON.stringify(model));(这个实现的缺点是不能拷贝对象中的方法,而且连方法都会丢失。)

var CopyModel=JSON.parse(JSON.stringify(model));


2.通过JQuery的extend对象


 var CopyModel=$.extend(true, {}, model);