WEB前端JavaScript高级—深浅拷贝

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

前端专栏收录该内容

36 篇文章

订阅专栏

本文介绍了JavaScript中的浅拷贝和深拷贝概念，通过extend函数演示了如何实现浅拷贝，以及深拷贝时如何递归处理数组和对象的过程。

浅拷贝

在这里插入图片描述

拷贝就是复制，就相当于把一个对象中的所有内容，复制一份给另一个对象
直接复制，或者说把一个对象的地址给了另一个对象，他们指向相同，两个对象之间有共同的属性或方法，都可以使用

function extend(a, b) {
    for (var key in a) {
        b[key] = a[key];
    }
}
extend(obj0, obj1);

深拷贝

在这里插入图片描述

把一个对象中所有的属性或者方法，一个一个的找到，并且在另一个对象中开辟相应的空间，一个一个的存储到另一个对象中

例子:

function extend(a, b) {
    for(var key in a){
        // 先获取a对象中每个属性的值
        var item = a[key];
        // 判断这个属性的值是不是数组
        if(item instanceof Array) {
            // 如果是,在b对象中添加一个新的属性,并且这个属性值也是数组
            b[key] = [];
            // 把a对象中这个数组的属性值一个一个的复制到b对象的这个数组属性中
            extend(item,b[key]);
        } else if(item instanceof Object) {	// 判断这个值是不是对象类型的
            //如果是,在b对象中添加一个属性,是一个空对象
            b[key] = {};
            // 再次调用这个函数,把a对象中的属性对象的值一个一个的复制到b对象的这个属性对象中
            extend(item,b[key]);
        } else {
            // 如果值是普通的数据,直接复制到b对象的这个属性中
            b[key] = item;
        }
    }
}
extend(obj0,obj1);