js实现深拷贝

原创已于 2024-02-22 11:29:46 修改 · 433 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-02-22 11:26:30 首次发布

这篇文章介绍了DeepClone类，它是一个用于在JavaScript中深度克隆各种数据类型（对象、数组、Date、RegExp和函数）的工具，利用缓存机制提高性能。构造函数和findCache方法确保了复杂数据结构的精确复制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class DeepClone {
    constructor(){
        this.cache = []
    }
    clone(source){
        if(source instanceof Object){
            let cacheDist = this.findCache(source)
            if(cacheDist){
                return cacheDist
            }else{
                let dist
                if(source instanceof Array){
                    dist = new Array()
                }else if(source instanceof Date){
                    dist = new Date(source)
                }else if(source instanceof RegExp){
                    dist = new RegExp(source.source,source.flags)
                }else if(source instanceof Function){
                    dist = function(){
                        return source.apply(this,arguments)
                    }
                }else{
                    dist = new Object()
                }
                this.cache.push([source,dist])
                Object.keys(source).forEach(key=>{
                    dist[key] = this.clone(source[key])
                })
                return dist
            }
        }else{
            return source
        }
    }
    findCache(source){
        for(let item of this.cache){
            if(source === item[0]){
                return item[1]
            }
        }
        return undefined
    }
}