JS克隆

那个小屋

于 2020-07-05 22:17:26 发布

阅读量142

点赞数

分类专栏：从零开始的前端程序员文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_36634628/article/details/107146283

版权

从零开始的前端程序员专栏收录该内容

32 篇文章

订阅专栏

本文主要探讨JavaScript中的深度克隆技术，通过遍历对象属性、判断原始值与复杂类型、递归实现对对象和数组的克隆过程。

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

JS克隆

深度克隆

遍历对象 for(var prop in obj)
判断是不是原始值 typeof() object
判断是数组还是对象 instanceof toString constructor
建立相应的数组或对象
递归

        function deepClone(origin, target) {
            var target = target || {},
                toStr = Object.prototype.toString,
                arrStr = '[object Array]';
            for (var prop in origin) {
                if (origin.hasOwnProperty(prop)) {
                    if (origin[prop] !== 'null' && typeof (origin[prop]) == 'object') {
                        // if(toStr,call(origin[prop]) == arrStr) {
                        // target[prop] = [];
                        // }else{
                        // target[prop] = {};
                        // }
                        target[prop] = toStr.call(origin[prop]) == arrStr ? [] : {}; //代替
                        deepClone(origin[prop], target[prop]);
                    } else {
                        target[prop] = origin[prop];
                    }
                }
            }
            return target;
        }