深度克隆对象

克隆的概念

• 浅度克隆：原始类型为值传递，对象类型仍为引用传递。

• 深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。
  看一个浅克隆

  //浅克隆
  function clone(obj) {
      var result = {};
      for (key in obj) {
          result[key] = obj[key];
      }
      return result;
  }
  var Person = {
      name: "jack",
      age: "18",
      Address: {
          province: "beijing"
      },
  };
  var New = clone(Person);
  console.log(Person.Address.province); //beijing
  New.Address.province = "shanghai";
  console.log(Person.Address.province); //shanghai
  

在看一个深克隆

//深度克隆
function deepClone(obj) {
    var result, oClass = isClass(obj);

    if (oClass === 'Object') { //初始化result类型
        result = {};
    } else if (oClass === 'Array') {
        result = [];
    } else {
        return obj;
    }

    for (key in obj) {
        var copy = obj[key];
        if (isClass(copy) == 'Object') {
            result[key] = arguments.callee(copy);////递归调用
        } else if (isClass(copy) == 'Array') {
            result[key] = arguments.callee(copy);
        } else {
            result[key] = obj[key];
        }
    }
    return result;
}

function isClass(o) {//判断传入的类型
    if (o === null) return 'Null';
    if (o === undefined) return 'Undefined';
    return Object.prototype.toString.call(o).slice(8, -1);
}

var Person = {
    name: "jack",
    age: "18",
    Address: {
        province: "beijing"
    },
};
var New = deepClone(Person);
New.name = "tom";
New.Address.province = "shanghai";
console.log(Person.name); //jack
console.log(Person.Address.province); //beijing
console.log(New.name); //tom
console.log(New.Address.province); //shanghai