面试常用——shallowclone、deepclone|深浅克隆区别与方法

一、作用

平时项目中我们总会用到一些需要存储备份的时候，这时需要将数组或对象克隆下来，根据需求不同会选择不同的拷贝方式，一般浅拷贝项目中不常用（个人而言）深拷贝的话使用较多，那么他们到底有什么区别呢？

二、区别

很多前端面试中都会涉及到克隆，有时也叫拷贝，一般教程都会从js中的基本数据类型和引用数据类型讲起，很容易查到，我们直接往后说，之前看到过一个说法很容易理解：

浅层克隆只复制一层，深层次的对象级别的克隆引用
深层克隆是拷贝多层，每一级别的数据都会拷贝出来

复杂情况下（对象属性值中存在又是引用值的情况）浅层克隆后，其中一个对象属性值变动都会引起另一个对象属性值的变动，备份肯定是不希望这种情况发生，所以需要深度克隆解决这个问题。

三、浅层克隆方法

校招的时候做过很多面试题都会让我列举出至少两个浅层克隆，不用也需要好好了解一下呀，于是一顿查阅，然后梳理了三个方法供参考。

首先 var 一个原始对象 object 放在那。

 var object = {
   
            myName: "taozi",
            myHabby: "pipa",
            myAge: 20,
            myFamily: ["father", "mother"],
            mywork:{
   
                gowork:"9:00",
                backhome:"22:00"
            }
        }

（一）利用for in函数

		function shallowClone(obj1) {
   
            var obj2 = {
   };
            for (const key in obj1) {
   
                if (object.hasOwnProperty(key)) {
   
                    obj2[key]