javaScript-实现深拷贝/浅拷贝

1.浅拷贝

浅拷贝：只复制一层对象，当对象的属性是引用类型时，实质复制的是其引用，当引用值发生改变时，也会跟着改变。

var shallClone = obj => {
  var res = {};
  for (var key in obj) {
    //判断是否为自身属性,非继承
    if (obj.hasOwnProperty(key)) {
      res[key] = obj[key];
    }
  }
  return res;
}

var obj = {
  type: 'animal',
  color: 'red',
  desc: {
    eyes: '2',
    body: 'strong'
  }
}
var newObj = shallClone(obj);

obj.desc.eyes = 3;
obj.desc.eyes; // 3
newObj.desc.eyes; // 3
obj.desc === obj.desc; // 浅拷贝指向同一地址 true

2.深拷贝

深拷贝：深拷贝是另外申请了一块内存，内容和原来一样，更改原对象，拷贝对象不会发生改变

var deepClone = obj => {
  var res = Array.isArray(obj) ? [] : {};
  if (obj && typeof (obj) === 'object') {
    for (var key in obj) {
      // 判断是否玮自身属性,非继承
      if (obj.hasOwnProperty(key)) {
        if (obj[key] && typeof (obj[key]) === 'object') {
          res[key] = deepClone(obj[key]);
        } else {
        // 基本数据直接拷贝
          res[key] = obj[key];
        }
      }
    }
  }
  return res;
}

var richGirl = {
  name: '小红',
  car: ['兰博', '保时捷', '野马'],
  age: undefined,
  deive: function () { },
}

var richBoy = deepClone(richGirl);
richGirl.car; // ['兰博', '保时捷', '野马']
richBoy.car; // ['兰博', '保时捷', '野马']

richBoy.car[1] = '迈凯伦'; // ['兰博', '迈凯伦', '野马']
richGirl.car; //richGirl 不会被改变 ['兰博', '保时捷', '野马']
richGirl.car === richBoy.car; //false