Javascript研究：深复制与浅复制

深浅复制详解

最新推荐文章于 2025-09-05 11:22:47 发布

原创最新推荐文章于 2025-09-05 11:22:47 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #内存

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了JavaScript中深复制与浅复制的区别及应用场景。通过实例演示了两种复制方式下对象属性改变的影响，并给出了深复制的具体实现代码。

Javascript研究：深复制与浅复制

var obj = { a:1, arr: [1,2] };
var obj1 = obj;            //浅复制
var obj2 = deepCopy(obj);  //深复制

因为JavaScript存储对象都是存地址的，所以浅复制会导致 obj 和 obj1 指向同一块内存地址。而深复制一般都是开辟一块新的内存地址，将原对象的各个属性逐个复制出去。
因此，如果你使用浅复制，你会发现：
obj.a = 2;
console.log(obj1.a); //输出2

深复制实现如下：

var deepCopy = function (obj) {
    if (typeof obj !== "object" || !obj)
        return obj;
    var cons = obj.constructor;
    if (cons === RegExp)
        return obj;

    var copy = cons();
    for (var key in obj) {
        if (typeof obj[key] === "object") {
            copy[key] = deepCopy(obj[key]);
        } else {
            copy[key] = obj[key];
        }
    }
    return copy;
};

module.exports = deepCopy;