当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS中深浅拷贝 函数封装代码

JS中深浅拷贝 函数封装代码

2018年11月14日  | 移动技术网IT编程  | 我要评论
一、了解 基本数据类型保存在栈内存中,按值访问,引用数据类型保存在堆内存中,按址访问。 二、浅拷贝 浅拷贝只是复制了指向某个对象的指针,而不是复制对象本身,新旧对象其实是同一内存地址的数据,修改其中一个值,另一个也会动态改变。 三、深拷贝 深拷贝是真正意义上实现了数组和对象的拷贝,它创建了另外一个一 ...

  一、了解

基本数据类型保存在栈内存中,按值访问,引用数据类型保存在堆内存中,按址访问。

  二、浅拷贝

浅拷贝只是复制了指向某个对象的指针,而不是复制对象本身,新旧对象其实是同一内存地址的数据,修改其中一个值,另一个也会动态改变。

  三、深拷贝

深拷贝是真正意义上实现了数组和对象的拷贝,它创建了另外一个一模一样的对象,和原对象不是一个内存地址,修改一个值不会影响另一个的值。

  四、封装实现深浅拷贝的函数

//封装函数 实现深浅拷贝  deep为true深拷贝 false浅拷贝
    function copy(oldobj,deep){
        let newobj = {};
        if (oldobj instanceof array){
            newobj = [];
        }
        for (let key in oldobj){
            let value = oldobj[key];
            if (!!deep && typeof value === "object" && value !== null){ //如果原对象的某个属性是引用类型数据,递归调用copy
                newobj[key] = copy(value,deep);
            } else{            //如果原对象的某个属性是基本类型数据,直接将此属性赋值给新对象的相应属性
                newobj[key] = value;
            }
        }
        return newobj;
    }

效果如下:

let obj1 = {a:1,b:{c:2}};
let obj2 = copy(obj1,true);  //深拷贝
let obj3 = copy(obj1,false); //浅拷贝
obj1.b.c = 3;
console.log(obj2);  //{a:1,b:{c:2}}
console.log(obj3);  //{a:1,b:{c:3}}

本文仅仅简述了js深浅拷贝,以及实现深浅拷贝的简单代码,如有不当之处,请各位指正!谢谢!

2018-11-14

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网