数据的深度克隆clone

JS数据的类型

• 原始数据类型：number string boolean undefined null
• 引用数据类型：object

数据的存储

• 原始数据类型：数据存储在栈中
• 引用数据类型：比如 数组arr 对象 obj 存储在栈中的是存储在堆中的数据的地址

在复制一个数组或者对象时，复制的为栈中存储的地址，当改变复制的对象或者数组，也会改变原始的数据

进一步检测数据的类型 见：https://blog.csdn.net/weixin_45725070/article/details/103361601

function clone(target){
  //传入需要克隆复制的数据
  if(typeof(target) == "object"){
    //如果传入的数据类型为引用类型
    if(Object.prototype.toString(target) == "[object Object]"){
      // 再进一步的检验数据的类型是对象还是数组
      //如果为对象 则新建一个对象存储数据
      var result ={}
     }else{
     //如果为数组 则新建一个数组存储数据
        var result =[]
      }
   }else{
       //如果为原始数据类型 则直接返回，即复制  则clone 到此结束
       return target；
    }
    //就如for循环的target 为引用数据类型
    for(var i in target){
      //如果 target[i]中有为引用数据类型的数据，则再次调用 clone 方法  ----深度克隆
      if(typeof(target[i]) == "object"){
         result[i] = clone(target[i])
      }else{
      // 若 target[i]中的数据为原始数据类型
         result[i] = target[i]
       }
    }
    return result;
}

重点步骤：if(typeof(target[i]) == "object"){ result[i] = clone(target[i]) }
如果在克隆的数据中 有为引用数据的类型，则再次调用clone 函数