JS深拷贝

方法一:用JSON

const b = JSON.parse(JSON.stringify(a));//先将a序列化,再反序列化赋值给b

JSON深拷贝的缺点:
1.不支持日期、正则、undefined、函数等类型
2.不支持引用类型

方法二:使用递归

const deepClone = (a, cache) => {
    if (!cache) cache = new Map() // 缓存不能全局,最好临时创建并递归传递
    if (a instanceof Object) {
        if (cache.get(a)) return cache.get(a)
        let result = undefined
        if (a instanceof Function) {
            //判断普通函数还是箭头函数
            if (a.prototype) { //如果函数有prototype就是普通函数
                result = function () { return a.apply(this, arguments) }
            } else {      //箭头函数(箭头函数没有this)
                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) {
            if (a.hasOwnProperty(key)) { //判断属性是否属于自身,不拷贝原型上的属性
                result[key] = deepClone(a[key], cache)
            }
        }
        return result
    } else {
        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.dir(b)
b.self === b // true
b.self = 'hi'
a.self !== 'hi' //true
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值