【基础】使用ES5和ES6实现 深拷贝

分别使用ES5和ES6规范实现深拷贝：

 其中涉及到的知识点：

1.类型判断

2.ES6:WeakMap

3.判空  

ES5实现：

var obj = {
    name: '赵小咩',
    age: 25,
    info: {
        hobby: ['travel', 'eat', {
            a: 1
        }],
        career: {
            student: 12,
        }
    }
}

// ES5 版本的深拷贝
// 根据教程所写，有瑕疵
function deepCloneES5(origin, target) {
    var tar = target || {};
    var toStr = Object.prototype.toString
    for (var k in origin) {
        if (origin.hasOwnProperty(k)) { // 判断 不是原型链上的属性
            if (typeof origin[k] === 'object' && origin[k] !== null) {
                tar[k] = toStr.call(origin[k]) === '[object Array]' ? [] : {};
                deepClone(origin[k], tar[k])
            } else {
                tar[k] = origin[k];
            }
        }
    }
    return tar;
}

ES6实现： 

// ES6 版本的深拷贝
// 很好
function deepCloneES6(origin,hashMap = new WeakMap()) {
    // origin == undefined 可以过滤 undefined 和 null。（非严格相等）
    if (origin == undefined || typeof origin !== 'object') {
        return origin;
    }
    if (origin instanceof Date) {
        return new Date(origin)
    }
    if (origin instanceof RegExp) {
        return new RegExp(origin);
    }
    
    // 如果已经深拷贝过了，不再进行深拷贝，直接返回
    const hashKey = hashMap.get(origin);
    if(hashKey){
        return hashKey; 
    }

    // 这里直接用构造器构造一个target,如果origin是数组，则使用数组构造器构造出一个新数组[],如果origin是Object,就用对象的构造器构造出一个{}
    // 去替换类型判断
    const target = new origin.constructor();
    hashMap.set(origin,target);
    for(let k in origin){
        if(origin.hasOwnProperty(k)){
            target[k] = deepCloneES6(origin[k],hashMap);
        }
    }

    return target;
}

const newObj = deepCloneES6(obj);
newObj.name='仙女'
console.log(obj,newObj)


let test1 = {};
let test2 = {};
test1.test2 = test2;
test2.test1 = test1;

console.log(deepCloneES6(test1))
// 如果不添加WeakMap,那么栈溢出了，死循环了
// 所以需要一个WeakMap来保存是否已经进行过clone。

知识点：

1.类型判断

2.判空

  a == undefined; 或者 a == null; 都可以过滤null和undefined;

const a = null;

a == undefined; // true 


const b = undefined ;

b == null;  //true

3.ES6中WeakMap:

WeakMap与Map的差别：

• Map的键可以是任何类型，而WeakMap 的键 类型必须是Object。
• WeakMap不可以用forEach去遍历。

WeakMap 特点：

• WeakMap中保存的是弱引用，不会开任何其他空间去保存键值的引用
• 如果键被删除，那么它对应的值也会被自动删除。

因为这个特点，所以他在垃圾回收中有一些应用场景。

参考：ES6之WeakMap - 简书