浅拷贝

首先是代码：

var obj={
    name:'张三',
    age:20,
    sex:'man',
    friend:{
        name:'李四'
   }
}
function objCopy(obj){          //参数是你要需要拷贝的对象
    var newObj={};              // 创建一个空对象，用来放拷贝过来的数据
    for(key in obj){              
      newObj[key]=obj[key]      //obj的数据复制给空对象
  }
  return newObj;                //返回新对象
}
var obj3=objCopy(obj)
console.log(obj3)

控制台中，obj和obj3的内容完全一致，你一定会觉得这样就OK了?
控制台输入obj.age=50，然后在看一下obj3.age，还是20。
控制台再输入obj.friend.name= '哈哈',然后在看一下obj3.friend.name,也变成了'哈哈'。
这就是对象的浅拷贝。
为什么会出现这种情况？
obj.name、obj.age、obj.sex都是基本类型，直接保存在栈内存。
for循环到friend时候，因为friend是引用类型，所以在赋值给newObj时，是把friend存放数据的地址给了newObj,也就是说两个对象共用friend。

深拷贝

那这不是我拷贝的初衷，我需要的是不会受到拷贝目标影响的一个完全独立的对象。怎么解决？———递归

思路：
判断key值是基本类型还是引用类型。如果是基本类型，直接赋值。引用类型，运用递归再次运行objCopy函数本身，开辟新空间进行复制。

代码

var obj={
    name:'张三',
    age:20,
    sex:'man',
    friend:{
        name:'李四'
   }
}
function objCopy(obj){          
  var newObj={};  
  for(key in obj){          
      if(obj.hasOwnProperty(key)){              //判断obj是否有prototype属性
        if(typeof obj[key]==='number' ||        //判断key的数据类型
           typeof obj[key]==='string' ||
           typeof obj[key]==='boolean' ||
           obj[key]===undefind ||
           obj[key]===null){
         newObj[key]=obj[key]                   //基本类型直接赋值
      }else{
        newObj[key]=objCopy(obj[key])           //引用类型——递归
      }
    }
  return newObj;
}
var obj3=objCopy(obj);
console.log(obj3)

JSON方法实现深拷贝

JSON.parse():将字符串格式转化成对象格式
JSON.stringify():将对象格式转化成字符串格式

var obj={
    name:'张三',
    age:20,
    sex:'man',
    friend:{
        name:'李四'
   }
}
function copy(obj){     
  var newObj=JSON.parse(JSON.stringify(obj))
  return newObj
}     
var obj3=copu(obj)
console.log(obj3)