js实现深拷贝

js实现深拷贝

    function deepClone(a, cache) {
        if (!cache) {// 缓存不能全局,最好临时创建并递归传递
            cache = new Map()
        }
        // String Num bool null undefined bigint symbool Object
        //Object
        if (a instanceof Object) {
            let result = undefined;
            if (cache.get(a)) {
                return cache.get(a)
            }
            if (a instanceof Function) {
                // 说明是普通函数
                if (a.prototype) {
                    result = function () {
                        return a.apply(this, arguments)
                    }
                } else {
                    // 说明是箭头函数
                    result = (...args) => {
                        return a.call(undefined, ...args)
                    }
                }
            } else if (a instanceof Array) {
                result = []
            } else if (a instanceof Date) {
                result = new Date(a - 0)
            } else if (a instanceof RegExp) {
                result = new RegExp(a.source, a.flags)
            } else {
                result = {}
            }
            cache.set(a, result)
            for (let key in a) {
                // hasOwnProperty 检测给定的名字是否是对象的自有属性,继承属性返回false
                if (a.hasOwnProperty(key)) {
                    result[key] = deepClone(a[key], cache)
                }
            }

            return result
        } else {
            // String Num bool null undefined bigint symbool
            return a
        }
    }

    const a = {
        number: 1, bool: false, str: 'hi', empty1: undefined, empty2: null,
        array: [
            {name: 'frank', age: 18},
            {name: 'jacky', age: 19}
        ],
        date: new Date(2000, 0, 1, 20, 30, 0),
        regex: /\.(j|t)sx/i,
        obj: {name: 'frank', age: 18},
        f1: (a, b) => a + b,
        f2: function (a, b) {
            return a + b
        }
    }
    a.self = a

    const b = deepClone(a)

    console.log(b)
    console.log(b.self === b)  //true
    console.log(a.self === a)  //true
    console.log(b.self === a)  //false
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值