当前位置： 移动技术网 > IT编程>网页制作>CSS > 深拷贝与浅拷贝（代码实例）

深拷贝与浅拷贝（代码实例）

2018年02月05日  | 移动技术网IT编程  | 我要评论

浅拷贝

所谓的浅拷贝，实际上就是只赋值这个对象的所有内容，至于它引用的其他的对象，都不复制，来看一段代码

var car = {
    name:"兰博基尼"
}

var person = {
    name:"tim",
    age:12,
    car:car
}

//浅拷贝
person.copy = function(){
    var temp = {}
    for(var key in this){
        temp[key] = this[key];
    }
    return temp;
}

var q = person.copy();
q.car.name = "劳斯莱斯";    //这里改了person中也改了，因为引用没有复制

深拷贝

深拷贝就是在浅拷贝的基础将引用的对象给复制

var car = {
    name:"兰博基尼"
}

var person = {
    name:"tim",
    age:12,
    car:car
}


var deepCopy = function(){
    var temp = {}
    for(var key in this){
        if(typeof this[key] === 'object'){
            temp[key] = this[key].deepCopy();
        }else{
            temp[key] = this[key];
        }
    }
    return temp;
}

car.deepCopy = deepCopy;
person.deepCopy = deepCopy;

var q = person.deepCopy();
q.car.name = "劳斯莱斯";//这里改了值，并不会影响person中的car.name

用递归实现深拷贝

var car = {
    name:"兰博基尼"
}

var person = {
    name:"tim",
    age:12,
    car:car
}

person.copy = function(){
    var temp = {};
    for(var key in this){
        if(typeof this[key] === 'object'){
            this[key].copy = this.copy();
            temp[key] = this[key].copy();
        }else{
            temp[key] = this[key];
        }
    }
}

var q = person.copy();

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网