JavaScript对象拷贝函数实现

最新推荐文章于 2023-11-20 15:09:00 发布

原创最新推荐文章于 2023-11-20 15:09:00 发布 · 10w+ 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #对象拷贝 #clone

编程专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了在JS中实现对象深度拷贝的方法，重点讨论了如何处理对象内的函数、Array和其他引用类型属性，以及如何继承被拷贝对象的原型。并通过扩展Object原型实现了拷贝功能。

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

JS语言中并没有内置的对象拷贝方法，如果有这方面的需求的话，需要自己实现下。

关于对象拷贝方法的设计，我希望可以达到以下几点要求：

1. 对象实例内的函数属性仅进行指针拷贝。

2. 对象实例内的Array和非Function并且非null的对象属性进行深度全量拷贝。

3. 继承被拷贝对象实例内所有符合深度全量拷贝的引用类型属性（包括被拷贝对象实例本身）的原型对象。

4. 不考虑含有包装对象属性的对象实例的拷贝。

5. 将该方法内置到Object的原型对象中，以扩展Object的原型方法的方式便利使用。

根据上面需求，下面是我的具体实现：

Object.prototype.clone = function(){
    let nw = this instanceof Array ? [] : {};
    for(let key in this){
        if(this.hasOwnProperty(key)){
            let value = this[key];
            if(value instanceof Array || (typeof value === "object" && value !== null && !(value instanceof Function))) nw[key] = value.clone(value);
            else nw[key] = value;
        }
    }
    nw.__proto__ = this.__proto__;
    return nw;
};