JavaScript之deepClone（包含对时间和正则深克隆）

面试官：深拷贝浅拷贝的区别？如何实现一个深拷贝？ | web前端面试 - 面试官系列 (vue3js.cn)

如何写出一个惊艳面试官的深拷贝? - 掘金 (juejin.cn)

如何 clone 一个正则？ - 掘金 (juejin.cn)

WeakMap - JavaScript | MDN (mozilla.org)

// 拷贝时间
function cloneDate(date) {
    let constructor = date.constructor;
    return new constructor(date.valueOf());
}
// 拷贝正则表达式
function cloneReg(reg = /d/i) {
    let regFlags = reg.flags;
    /* 
        let regFlags = /\w*$/
        regFlag.exce(reg);// 会吧reg 转换为字符串
        */
    let constructor = reg.constructor;
    let newReg = new constructor(reg.source, regFlags);
    newReg.lastIndex = reg.lastIndex; // 注意这里是为什么。
    return newReg;
}
const deepClone = function (obj, hash = new WeakMap()) {
    if (obj === null) return obj; // 有一点需要记住 typeof null => object
    if (typeof obj === "undefined") return obj;
    if (typeof obj === "function") return obj; // 函数不拷贝
    if (typeof obj !== "object") return obj; // 不是对象不拷贝
    if (obj instanceof Date) return cloneDate(obj);
    if (obj instanceof RegExp) return cloneReg(obj);
    if (hash.has(obj)) return hash.get(obj); // 判断是否循环引用
    let cloneObj = new obj.constructor(); // 构造函数，这样就不用判断是{} 还是 []
    hash.set(obj, cloneObj);
    for (const key in obj) {
        if (obj.hasOwnProperty(key)) {
            cloneObj[key] = deepClone(obj[key], hash);
        }
    }
    return cloneObj;
};

let obj = {
    "reg": /\w*$/ig,
    "arr":[1,2,3,{age:123}],
    "say":function(){
        console.log("hello");
    },
    "date": new Date()
}

let clone = deepClone(obj);
console.log(clone);