js实现深浅拷贝的万能函数拿走就用

js实现深浅拷贝的万能函数

以下代码直接copy可用 实现深浅拷贝

1.浅拷贝

 //浅拷贝

    function shallowClone(source) {
      // 仅对对象进行拷贝
      if (typeof source!== 'object') return;
      // 根据obj的类型判断是新建一个数组还是对象
      var target= source instanceof Array ? [] : {};
          for (var item in source) {
          // 判断对象中是否有item属性
              if (source.hasOwnProperty(item)) {
                  target[item] = source[item];
              }
          }

         return target;
     }

2. 深拷贝

    
   function deepClone(source){
         if (typeof source!== 'object') return;
            var target = source instanceof Array ? [] : {};
            for(var item in source){
                if(source.hasOwnProperty(item)){
                // 判断被拷贝的对象的属性类型是否为Object类型
                // 若是Object类型则循环调用自身，若不是则直接赋值给新对象
                    if(typeof source[item] == 'object'){
                        target[item] = deepClone(source[item])
                    }else{
                        target[item] = source[item];
                    }
                }
            }
            return target;
        }

总结

• 深浅拷贝之间的区别在于 前者是值的赋值 后者是地址的赋值
  地址的赋值等于你赋值的新对象和之前的对象指向的都是同一个 {}
  所以对其中一个修改 另一个同样会受到影响
• 浅拷贝+递归 = 深拷贝 在深拷贝中遇到源对象的属性为object类型是重复调用自身即可全部赋值

简单的深拷贝

一行代码实现深拷贝 
缺点  无法拷贝undefined 和 函数

var obj = {
name = "wzs",
age = "24"
}
var newObj = JSON.parse(JSON.stringify(obj));

简单的浅拷贝

var newObj = Object.assign({},obj)