用简单方法实现对象的深克隆封装js

最新推荐文章于 2024-07-15 15:48:12 发布

Best_卡卡

最新推荐文章于 2024-07-15 15:48:12 发布

阅读量231

点赞数

分类专栏： js 文章标签： js 面向对象编程

本文链接：https://blog.csdn.net/weixin_43909743/article/details/118762258

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中浅度克隆与深度克隆的概念，重点在于深度克隆的实现。通过一个自定义函数`deepClone`，实现了对对象和数组的递归复制，确保在修改克隆后的对象时，不会影响到原对象。该函数首先判断输入类型，对于非对象和非函数的基本类型直接返回，而对于对象则进行属性遍历并递归克隆。

摘要由CSDN通过智能技术生成

前言

浅度克隆 ：基本类型为值传递，对象仍为引用传递。
深度克隆 ：所有元素或属性均完全克隆，并于原引用类型完全独立，
即，在后面修改对象的属性的时候，原对象不会被修改。
简单理解：对象保存在固定位置，浅克隆引用该位置，深克隆是新位置完全复制该对象

实现

// 判断arr是否为一个数组，返回一个bool值
function isArray (arr) {
    return Object.prototype.toString.call(arr) === '[object Array]';  
}
// 深度克隆
function deepClone (obj) {  
    if(typeof obj !== "object" && typeof obj !== 'function') {
        return obj;        //原始类型直接返回
    }
    var o = isArray(obj) ? [] : {}; 
    for(i in obj) {  
        if(obj.hasOwnProperty(i)){ 
            o[i] = typeof obj[i] === "object" ? deepClone(obj[i]) : obj[i]; 
        } 
    } 
    return o;
}