JS对象的浅拷贝与深度拷贝

1、js中的6个标准类型

原始类型：Undefined、Null、Boolean、String、Number

引用类型：Object　　( 最简单的引用类型var obj={} )

2、把标准类型分成了两类、这两种类型复制克隆有很大区别

原始类型：存储的是对象的实际数据( 存放在栈内存中 )

引用类型：存储的是对象的引用地址( 栈内存中存放的堆内存的地址 )

3、克隆概念

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

深度克隆：所有的元素与属性均完全复制、与原对象完全脱离关系( 对新对象的修改不会影响原对象 )

4、浅克隆

原始类型克隆的表现

    var num1 = 123;
    var num2 = num1;
    num2 = 456;
    console.log(num1); // 123
    console.log(num2); // 456

常见的浅拷贝

    var obj = {
      a:10,
      b:20    
    }
    function clone(obj){
      var newobj = {};
      for(key in obj){
        newobj[key] = obj[key];      
      }    
      return newobj;  
    }
    obj2 = clone(obj);
    console.log(obj2.a); // 10
    obj2.a = 100;
    console.log(obj2.a); // 100
    console.log(obj.a); // 10

浅拷贝可以解决常见的对象、若对象内部还有对象、如下

    var obj = {
      a:{
          a1:'aa',
          a2:'bb'
      },
      b:20    
    }
    function clone(obj){
      var newobj = {};
      for(key in obj){
        newobj[key] = obj[key];      
      }    
      return newobj;  
    }
    obj2 = clone(obj);
    console.log(obj2.a.a1); // aa
    obj2.a.a1 = 'cc';
    console.log(obj2.a.a1); // cc
    console.log(obj.a.a1); // cc
    // 更改了obj2的a1、obj的a1也随之改变、说明a同时被obj、obj2同时引用。那么问题来了：怎么解决?

5、深度克隆

    var obj = {
        a:10,
        b:{
            bb:50,
            cc:60
        }
    };
    function deepClone(obj){
        var result={},oClass=isClass(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;
    }
    // alert(isClass(undefined));
    function isClass(o){
        return Object.prototype.toString.call(o).slice(8,-1);
    };
    obj2 = deepClone(obj);
    console.log(obj2.b.bb); // 50
    obj2.b.bb = 500;
    console.log(obj2.b.bb); // 500
    console.log(obj.b.bb); // 50

    // Object.prototype.toString.call() 所有js类型都会得到不同的字符串
    /*
    为了保证对象的所有属性都被复制到，我们必须知道如果for循环以后，得到的元素仍是Object或者Array，那么需要再次循环，直到元素是原始类型或者函数为止。为了得到元素的类型，我们定义一个通用函数( isClass )，用来返回传入对象的类型。
     */

 学习笔记、欢迎路过的同学们批评&指教