javascript中的深拷贝与浅拷贝

浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存（内存区域没有隔离）

深拷贝：会另外创造一个一模一样的对象，新对象跟原对象不共享内存（内存区域隔离），修改新对象不会改到原对象。在多层对象上，浅拷贝只拷贝一层。

 浅拷贝举例：

var Chinese = {
　　nation:'中国'
};

var Doctor ={
　　career:'医生'
}

function extendCopy(p) {
　　var c = {};
　　for (var i in p) { 
　　　　c[i] = p[i];
　　}
　　return c;
}

var Doctor = extendCopy(Chinese);

Doctor.career = '医生';

alert(Doctor.nation); // 中国

深拷贝举例：

function deepCopy(p, c) {

　 var c = c || {};

　 for (var i in p) {

　　　　if (typeof p[i] === 'object') {

　　　　　　c[i] = (p[i].constructor === Array) ? [] : {};

　　　　　　deepCopy(p[i], c[i]);

　　　　} else {

　　　　　　c[i] = p[i];

　　　　}

　 }

　 return c;

}

 深拷贝其他方式：

1、Object.assign，ES6 的新函数，可以帮助我们达成跟上面一样的功能。

var obj1 = { a: 10, b: 20, c: 30 };

var obj2 = Object.assign({}, obj1);

obj2.b = 100;

console.log(obj1);

// { a: 10, b: 20, c: 30 } <-- 沒被改到

console.log(obj2);

// { a: 10, b: 100, c: 30 }

2、jquery，有提供一个$.extend可以用来做 Deep Copy（深拷贝）

3、递归实现深拷贝

function clone( o ) {

    var temp = {};

    for( var k in o ) {

        if( typeof o[ k ] == 'object' ){

             temp[ k ] = clone( o[ k ] );

        } else {

             temp[ k ] = o[ k ];

        }
    }

    return temp;
}