深入浅析JS中的浅层克隆与深度克隆-创新互联

深入浅析JS中的浅层克隆与深度克隆?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

目前成都创新互联已为1000多家的企业提供了网站建设、域名、网络空间、网站托管、服务器租用、企业网站设计、福绵网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

1 相关知识点

  1. 浅克隆就是将栈内存中的引用复制一份,赋给一个新的变量,本质上两个指向堆内存中的同一地址,内容也相同,其中一个变化另一个内容也会变化。
       深克隆就是创建一个新的空对象,开辟一块内存,然后将原对象中的数据全部复制过去,完全切断两个对象间的联系。
  2. 区别:浅克隆和深克隆大的区别就是对引用值的处理了,即浅克隆之后你改我也改,深克隆之后你改我不改。(PS:原始值的处理一样)
  3. 原始值(栈数据stack):Number,Boolean(false/true),String,undefined,null
  4. 引用值(堆数据heap):Array,Object,function ··· Date,RegExp
       2 浅层克隆

在浅层克隆中,原始值的克隆没问题,只是值的拷贝,不会出现你改我改的问题。但是引用值的克隆,就会出现你改我也改的问题,因为浅层克隆的是地址,即指向的是同一空间。

2.1 浅克隆函数

function clone(origin, target) {
  var target = target || {}; 
  //容错,即防止用户不传递目标参数。若用户传递了参数就用,若没传则拿一个空对象当目标
  for (var prop in origin) {
    target[prop] = origin[prop];
  }
  return target;
}

分享名称:深入浅析JS中的浅层克隆与深度克隆-创新互联
网页链接:http://ybzwz.com/article/dddsch.html