脚本宝典收集整理的这篇文章主要介绍了es6深度拷贝的几种实现方法是什么，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

深度拷贝的实现方法：1、使用“Object.assign({},obj)”语句来实现；2、使用“JSON.parse(JSON.stringify(obj))”语句来实现；3、使用“$.extend(true,[],arr)”语句来实现。

本教程操作环境：windows7系统、ecmascript 6版、Dell G3电脑。

什么是深度拷贝

深拷贝就是相对与浅拷贝而言的，最主要的差异体现在引用类型上，从本质上讲就是浅拷贝只简简单单地把栈当中的引用地址拷贝了一份，所以当你修改新拷贝出来的值的时候，被拷贝的对象也会被你修改掉；而深拷贝是会在堆内存当中为新对象建立空间，所以被拷贝的对象就不会被无缘无故地被修改掉了。

es6中如何实现深度拷贝

方法1：使用Object.assign

Object.assign默认是对对象进行深拷贝的，但是我们需要注意的是，它只对最外层的进行深拷贝，也就是当对象内嵌套有对象的时候，被嵌套的对象进行的还是浅拷贝；

function cloneDeepAssign(obj){
  return Object.assign({},obj)
}

（温馨提示：数组拷贝方法当中，使用...、slice、concat等进行拷贝也是一样的效果，只深拷贝最外层）

同时，我们知道Object.assign针对的是对象自身可枚举的属性，对于不可枚举的没有效果；

所以，当我们对于一个层次单一对象的时候，可以考虑这种方法，简单快捷。（试过了，也不支持undefined）

方法2：利用JSON

这是我们最最最常提到的一种深拷贝的方式，一般大部分的深拷贝都可以用JSON的方式进行解决，本质是因为JSON会自己去构建新的内存来存放新对象。

function cloneDeepJson(obj){
  return JSON.parse(JSON.stringify(obj))
}

但是我们要注意的是：

• 会忽略 undefined和symbol；

• 不可以对Function进行拷贝，因为JSON格式字符串不支持Function，在序列化的时候会自动删除；

• 诸如 Map, Set, RegExp, Date, ArrayBuffer 和其他内置类型在进行序列化时会丢失；

• 不支持循环引用对象的拷贝;（循环引用的可以大概地理解为一个对象里面的某一个属性的值是它自己）

方法3：利用jquery的$.extend()

VAR array = [1,2,3,4];
var newArray = $.extend(true,[],array);

显而易见，最大的缺点就是我们还需要引入jQuery库了，所以也不太常用；

【相关推荐：javascript视频教程、web前端】

以上就是es6深度拷贝的几种实现方法是什么的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的es6深度拷贝的几种实现方法是什么全部内容，希望文章能够帮你解决es6深度拷贝的几种实现方法是什么所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。