深浅拷贝

深浅拷贝整理

1.浅拷贝的原理和实现

浅拷贝在进行复制时如果是基础数据类型就把基础数据类型的值给新对象,如果是引用数据类型,给新对象的值是存在栈中的地址,如果改变了新对象中的引用数据,也会影响到原对象中的数据。

方法一:Object.assign

Oject.assign是ES6中Object的一个方法,可以用于多个对象合并等功能,其中就可以对对象进行浅拷贝,该方法的第一个参数是拷贝的目标对象,后面的参数是拷贝的数据来源,可以是多个对象

Object.assign的语法为:Object.assisn(target, ...sources)

使用Object.assign方法有几点需要注意:

不会拷贝对象的继承属性

不会拷贝对象不可枚举的属性

可以拷贝Symbol类型的数据

方法二:扩展运算符

语法:{...obj}

注意事项:

同Object.assign

2.深拷贝的原理和实现

不同于浅拷贝只拷贝了引入数据类型的一层地址,深拷贝是在堆中新开辟出新的内存空间,并将原对象完全复制过来存放,这两个对象互相独立的,彻底实现内存上的分离。

方法一:JSON.stringify

JSON.stringify()是目前开发过中最简单的深拷贝方法,把对象序列化为json的字符串,并将对象内容转化为字符串,再用JSON.parse()将字符串生成一个新对象

该方法的局限性:

会忽略Undefined

会忽略Symbol

不能序列化函数

无法拷贝不可枚举属性

无法拷贝对象的原型链

拷贝RegExp会变为空对象

拷贝Date会变成字符串

对象中含有NaN,Infinity以及-Infinity,json序列化结果会变成null

不能解决循环引用的对象,即对象成环 

JSON.stringify(JSON.parse(obj))

方法二:递归

利用递归可以实现实现一个深拷贝,同JSON.stringify一样,还是有一些问题没有解决:

不能复制不可枚举的属性

这种方式只能针对普通的引用类型的值做递归,对于Array,Date,RegExp,Error,Function这样的引用类型不能正确的拷贝

不能解决循环引用对象(对象成环)

functiondeepClone(obj){letcloneObj={}for(letkeyinobj){if(typeofinobj[key]==='object'){cloneObj=deepClone(obj[key])}else{cloneObj=obj[key]}}returncloneObj}

这种基础版本的写法比较简单,可以应对大部分的应用情况。

方法三:改进版

针对前两种方法的待解决问题,可以通过如下方式解决:

针对对象不可枚举的属性以及Symbol类型,使用Reflect.ownKeys方法

当参数为Date,RegExp类型,直接生成一个新的实例返回

利用Object.getOwnPropertyDescriptors方法可以获得对象的所有属性和对应的也行,结合Object.create方法创建一个新对象,并继承传入原对象的原型链

利用WeakMap类型作为hash表,因为WeakMap是弱引用类型,可以有效的防止内存泄露,作为检测循环引用很有帮助,如果存在循环,则直接返回WeakMap中的值

constisDateType=obj=>(typeofobj==='object'||obj==='function')&&(obj!==null)constdeepClone=function(obj,hash=newWeakMap()){// 判断时间类型if(obj.constructor===Date){returnnewDate(obj)}// 判断正则if(obj.constructor===RegExp){returnRegExp(obj)}// 如果循环引用直接使用WeakMap返回if(hash.has(obj)){returnhash.get(obj)}letallDesc=Object.getOwnPropertyDescriptors(obj)// 遍历传入参数所有键的特性letcloneObj=Object.create(Object.getPrototypeOf(obj),allDesc)// 继承原型链hash.set(obj,cloneObj);for(letkeyofReflect.ownKeys(obj)){cloneObj[key]=(isDateType(obj[key])&&obj[key]!=='function')?deepClone(obj[key],hash):obj[key]}returncloneObj}

补充

WeakMap和Map的却别:

WeakMap只接受对象作为键名(null除外),不接受其他类型的参数

WeakMap的键名所指的对象不计入垃圾回收机制,WeakMap它的键名所引用的对象都是弱引用,即垃圾回收机制不降该引用考虑在内,因此,只要所引用的对象其他引用都被清除,垃圾回收机制就会释放改对象所占内存,所以,一旦不需要,WeakMap里的键名对象和对应的键值对会自动消失,不用手动删除引用。

没有遍历操作(没有keys(),values(),entries()方法),也没有size属性,因此没有办法列出所有键名,某个键名是否存在完全不可预测,和垃圾回收机制是否运行相关,这一刻,可以取到键名,下一刻垃圾回收机制突然运行,这个键名就消失了,为了防止出现不确定情况,因此统一规定不能取到键名。

无法清空,即布置clear()方法,因此WeakMap只有四个方法可用:get(),set(),has(), delete()

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 155,770评论 4 358
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,116评论 1 286
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 105,656评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,372评论 0 201
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,704评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,166评论 1 204
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,535评论 2 306
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,259评论 0 193
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,882评论 1 236
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,218评论 2 239
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,760评论 1 255
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,126评论 2 249
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,667评论 3 228
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,935评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,644评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,171评论 2 265
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,119评论 2 258

推荐阅读更多精彩内容