赋值 浅拷贝 深拷贝

赋值

var person = {
  name:'测试ll',
  hobby:['学习',['打羽毛球'],'睡觉']
}
var person1 = person
person1.name = '测试'
person1.hobby[0]='玩耍'
console.log(person,person1)

结果： person 和 person1 的结果还是一摸一样的
原因： 因为person 和 person1 指向的是同一个储存空间 是相互影响的

浅拷贝

var person = {
    name:'测试ll',
    hobby:['学习',['打羽毛球'],'睡觉']
  }
function shallowCoby(obj){
  var target = {}
  for(var i in obj){
    if(obj.hasOwnProperty(i)){
      target[i] = obj[i]
    }
  }
  return target
}
var person1 = shallowCoby(person)
person1.name = '测试'
person1.hobby[0]='玩耍'
console.log(person,person1)

结果： person 和 person1 的结果不一样了 虽然 person 和 person1的name虽然是不一样了，但是person 和 person1 的hobby的值还是一样的。
原因： 重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后对象的引用类型因共存同一块内存，所以会相互影响。

深拷贝 用递归的方式

var person = {
  name:'测试ll',
  hobby:['学习',['打羽毛球'],'睡觉']
}
function deepClone(obj){
  var cloneObj = new obj.constructor()
  // instanceof 说明 a instanceof b b的proptypeof 是否在a的原型链上
  if(obj === null) return obj
  if(obj instanceof Date) return new Date(obj) //时间 
  if(obj instanceof RegExp) return new RegExp(obj) //正则
  if(typeof obj != 'object') return obj
  for(var i in obj){
    if(obj.hasOwnProperty(i)){
      cloneObj[i] = deepClone(obj[i])
    }
  }
  return cloneObj
}
var person1 = deepClone(person)
person1.name = '测试'
person1.hobby[0]='玩耍'
console.log(person,person1)

结果： person 和 person1 的结果完全都不一样了
说明：深拷贝是从内存中开辟一个新的区域来存放新对象，对对象中的子对象进行递归拷贝，拷贝前后的两个对象互不影响。

另外补充

var person1 = JSON.parse(JSON.stringify(person))

打印的结果也是完全不一致的 但是这种写法是有缺点的 时间格式 正则表达式 funtion 都不复制

总结：