深度克隆封装

深度克隆封装

  function myClone(origin, target) {
    // 先看看target有没有值
    const newtarget = target || {};
    // 把判断数据类型的方法赋值给变量
    const toStr = Object.prototype.toString;
    // 把判断数组的返回结果赋值给变量
    const arrStr = '[object Array]';
    // 循环遍历对象
    for (let key in origin) {
      // 判断对象的属性/方法是否是自身的
      if (origin.hasOwnProperty(key)) {
        // 利用typeof判断对象的返回值是否是对象，并且不为空null
        if (typeof origin[key] == 'object' && origin[key] !== null) {
          // 核心步骤
          // 三元运算符
          newtarget[key] = toStr.call(origin[key]) == arrStr ? [] : {};
          myClone(origin[key], newtarget[key]);
        } else {
          newtarget[key] = origin[key];
        }
      }
    }
    return newtarget;
  }
   const obj = {
    a: 'abc',
    b: {
      b1: [1, 2, 3, 4, 5],
      b2: 'xyz',
    },
    c: [9, 8, 7, 6, 5],
    d: {
      d1: function () {},
      d2: {
        dd1: 'test',
        dd2: {
          ddd1: 'demo',
        },
      },
    },
  };
  const obj1 = myClone(obj);
  console.log(obj1);