Javascript 浅复制与深复制

在理解JS的深浅复制之前,我觉得有必要先提及一下关于值传递与引用传递。

在JS中,基本类型值的复制是按值传递的,而引用类型值的复制则是按引用传递的。值传递复制的对象间不会有任何牵连,互相独立;但是引用传递复制的对象间则会相互影响,修改其中任何一方的值都会在另一方中体现。之所以会有这样的表现和JS的内存机制有关。

JS的内存也分为堆和栈,注意这里的堆栈和数据结构的堆栈是不同的概念。

栈:由系统自动分配,自动回收,效率高,但容量小

堆:由程序员手动分配内存,并且手动销毁(高级语言如JS中有垃圾自动回收机制),效率不如栈,但容量大

JS定义的基本类型值会被存放在栈中,而引用类型因为其大小不固定,系统会为引用类型分配堆内存空间存放,而只将指向该堆内存空间的指针(即引用)存放在栈中。这样一来,我们访问引用类型值时,实质上只是在访问它的引用,然后再按照这个引用地址去堆中找到它的实际内容。

所以当复制的时候,对于基本类型值变量,系统会为新变量单独开辟一个新的栈内存空间,并将源变量的值复制一份保存到里面。而对于引用类型值,新变量复制得到的只是引用对象的内存地址,这么一来,通过两个变量的引用访问到的实质就是同一个引用类型对象了。所以才会出现对一方引用类型值的修改导致了另一方访问到的引用类型值也发生了同步的变化这样的情况。

浅复制是指在复制对象的时候,只对对象的第一层键值进行复制。

在上面的例子当中,如果不希望修改 new_person 对象的 name 值的时候,源对象的 name 值也跟着一起改变,那么我们可以尝试对复制过程做一些处理,而不再是直接的赋值拷贝。

这时候我们修改了复制对象的 name 值,源对象的 name 不会再跟着改变了,但是当我们修改属性 sport 的值的时候,源对象的 sport 却又跟着改变了。

前面也说了,我们的浅复制只是对第一层键值进行的复制,当源对象内部还嵌套着其它的对象的时候,又会出现一开始遇到的情况了。复制对象的 love 属性复制的是源对象 love 属性所对应对象的地址,所以也导致了复制对象和源对象的 love 属性指向的都是堆内存中同一块内存地址。Object.assign(  )方法所实现的也是浅复制。

那如何才能完全独立的复制出一份呢?其实只要递归下去,对内部属性的值仍是对象的再次进入对象内部对其属性值一一复制即可。

对象深复制还可以借助 JSON 实现。

但是这种方式实现的深复制会忽略掉值为 undefined 和 函数表达式 的属性。

时间: 2024-11-03 03:47:09

Javascript 浅复制与深复制的相关文章

深度解析javascript中的浅复制和深复制

原文:深度解析javascript中的浅复制和深复制 在谈javascript的浅复制和深复制之前,我们有必要在来讨论下js的数据类型.我们都知道有Number,Boolean,String,Null,Undefined,Object五种类型.而Object又包含Function,Array和Object自身.前面的五种类型叫做基本类型,而Object是引用类型.可能有人就要问,为什么要分基本类型和引用类型呢?后面你就会明白的. 我们首先来看看浅复制和深复制的简洁定义: 深复制:直接将数据复制给

原型模式——浅复制与深复制

原型模式涉及一个浅复制和深复制的概念.原型模式可以简单理解为“复制”,但这个复制不是代码的复制.对同一个类,我们可以实例化new三次来“复制”,但如果在初始化的时候构造函数的执行很长,多次实例化就显得效率很低效了.那我们能否只实例化一次,然后“复制”呢? Test test1 = new Test(); Test test2 = test1; Test test3 = test1; 这样写吗?注意这是引用的复制,这实际上还是只有test1一个实例,test2.test3只是复制了其引用而已,如果

也来谈一谈js的浅复制和深复制

1.浅复制VS深复制 本文中的复制也可以称为拷贝,在本文中认为复制和拷贝是相同的意思.另外,本文只讨论js中复杂数据类型的复制问题(Object,Array等),不讨论基本数据类型(null,undefined,string,number和boolean),这些类型的值本身就存储在栈内存中(string类型的实际值还是存储在堆内存中的,但是js把string当做基本类型来处理 ),不存在引用值的情况. 浅复制和深复制都可以实现在已有对象的基础上再生一份的作用,但是对象的实例是存储在堆内存中然后通

python基础之浅复制与深复制

关于列表.字典.元组的浅复制和深复制,数字和字符串没有浅复制和深复制一说.下面我直接用代码来体现: 1 import copy 2 3 names = ['Cahill','Teenglan','Eric','Peggie','Aalto','Baal','Sadie', 4 'Gage','Hagan','Jack','Kaley','Mabel','Lacy','Nadine','Pace','Amy'] 5 6 #浅复制 7 names2 = names.copy() 8 names2[1

JAVA浅复制与深复制

1.浅复制与深复制概念 ⑴浅复制(浅克隆)     多个变量指向一个对象    被复制对象的所有变量都含有与原来的对象相同的值,而所有的对其他对象的引用仍然指向原来的对象.换言之,浅复制仅仅复制所考虑的对象,而不复制它所引用的对象. ⑵深复制(深克隆)     每个变量指向一个对象,同时对象内包含对象,能复制内部对象    被复制对象的所有变量都含有与原来的对象相同的值,除去那些引用其他对象的变量.那些引用其他对象的变量将指向被复制过的新对象,而不再是原有的那些被引用的对象.换言之,深复制把要复

转载:python中的copy模块(浅复制和深复制)

主要是介绍python中的copy模块. copy模块包括创建复合对象(包括列表.元组.字典和用户定义对象的实例)的深浅复制的函数. ########copy(x)########创建新的复合对象并通过引用复制x的成员来创建x的浅复制.更加深层次说,它复制了对象,但对于对象中的元素,依然使用引用.对于内置类型,此函数并不经常使用.而是使用诸如list(x), dict(x), set(x)等调用方式来创建x的浅复制,要知道像这样直接使用类型名显然比使用copy()快很多.但是它们达到的效果是一样

c++中浅复制与深复制

在C++中经常会遇到有关类对象的浅复制与深复制的问题,也是容易出错的地方. 查找了相关资料,有关浅复制与深复制的定义为:对类进行复制的时候按位复制,即把一个对象各数据成员的值原样复制到目标对象中.当类中涉及到指针类型数据成员的时候,往往就会产生指针悬挂问题. class A{ public: int* a; }; A a1; A b1=a1; b1=a1执行的是浅复制,此时a1.a和b1.a指向的是同一个内存地址,如果在析构函数里面有对内存的释放.就会出现内存访问异常.因为一块内存空间会被释放两

java基础-浅复制与深复制的理解

浅复制与深复制在很多编程语言中都有出现,那么什么是浅复制,什么是深复制呢? 要区分浅复制与深复制,首先我们要明确什么是复制,怎样才算是复制.复制的例子在生活中也随处可见,如复印一份文档,复制一段文字等.我们可以发现,复制操作后可以得到两份相同的东西,即复制由一变为二了.下面来看一个例子: public class User{ private int age; public int getAge(){ return age; } } User user1 = new User(); User us

iOS 浅赋值、深复制、完全复制的知识点梳理验证(附加归档解档)

写于前: 在之前转载的一片文章中,文中对浅复制和深复制进行了详细的解读,同时还提到了深复制(one-level-deep copy).完全复制(true copy)的概念,并指出iOS开发中的深复制是单层深赋值,本文将对这几个概念进行验证梳理. (单层和完全概念区分:例如多层数组只实现一层内容拷贝,其他层为指针拷贝成为单层深复制:若多层内容都实现拷贝称为完全赋值) 程序中用到的几点概念补充 (1) 浅复制(shallow copy):在浅复制操作时,对于被复制对象的每一层都是指针复制. 深复制(

黑马程序员--浅析浅复制和深复制的本质

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 实例浅析oc中的浅复制和深复制的本质 代码段1: #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @autoreleasepool { NSMutable