有关JS 深拷贝和浅拷贝

首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级。

浅拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变。

深拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型。两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。

实现深拷贝的集中方法:
1. 对象只有一层的话可以使用:Object.assign()函数

Object.assign({}, obj1) 跟我们手动复制的效果相同,所以一样只能处理深度只有一层的对象,没办法做到真正的 Deep Copy。不过如果要复制的对象只有一层的话可以考虑使用它。

2. JSON.stringify
JSON.stringfy 只能拷贝Number, String, Boolean, Array,这些能够被 json 直接表示的数据结构。可以转成JSON的对象才可以使用,像function()就不能拷贝。

3.递归拷贝

function deepClone(initalObj, finalObj) {    
    var obj = finalObj || {};    
    for (var i in initalObj) {        
        var prop = initalObj[i];        // 避免相互引用导致死循环,如initalObj.a = initalObj的情况
        if(prop === obj) {            
            continue;
        }        
        if (typeof prop === 'object') {
            obj[i] = (prop.constructor === Array) ? [] : {};            
            arguments.callee(prop, obj[i]);
        } else {
            obj[i] = prop;
        }
    }    
    return obj;
}
var str = {};
var obj = { a: {a: "hello", b: 21} };
deepClone(obj, str);

你可能感兴趣的:(前端面试精选)