javascript 中的深复制 和 其实现方法

时间:2022-04-03 21:49:42

首先,我们需要明白什么是深复制(侧重指对象方面)?

在javascript中,复制分为浅复制和深复制,个人理解,浅复制就是直接将引用复制,复制前后的两个对象指向同一个内存地址,对其中一个进行操作,另外一个也会发生同样的改变,他们只是不同的指针指向了同一块内存。

而深复制是开辟了一个新的内存地址,把其内容完完全全的复制到这个新的内存地址中,之后对这个对象的任何操作都不会影响到其复制的对象(既两边的操作都不会影响彼此),他们成了两个完全独立的对象。
那么如何实现所谓的深复制呢?
 
可以通过遍历+递归实现深复制。
function deepClone ( obj ) {
    if( typeof obj != "object" ){
        return obj ;
    }  

    var newObj = obj.constructor === Array ? [] : {};  //开辟一块新的内存空间

    for( var i  in  obj ) {
        newObj [ i ] = deepClone ( obj [ i ] );                 //通过递归实现深层的复制 
    }

  return newObj; }

另外,可以通过使用一些框架或库里的方法来实现深复制

比如 jquery 里的 extend 方法:extend(deep, object)  // 第一个参数为可选参数  ,默认为 false  如果传入了 true 则实现的就是深复制