程序媛小琦( 深拷贝与浅拷贝的认识)

浅拷贝与深拷贝的认识

假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，如果B没变，就是深拷贝。

一 、堆(heap)和栈(stack)

栈会自动分配内存空间，会自动释放。堆动态分配的内存，大小不定也不会自动释放堆和栈。栈会自动分配内存空间，会自动释放。堆动态分配的内存，大小不定也不会自动释放。

二、JS中的变量类型

基本类型: undefined、null、boolean、number、string, 按值存放在栈内存中的简单数据段, 可以直接访问。
引用类型: 存放在堆内存中的对象, 变量保存的是一个指向存放数据位置的指针，访问引用类型(object, array)的值时, 首先从栈中获取到存放该数据位置的指针, 然后再从堆中取得数据。

三、深浅拷贝的方法
浅拷贝的代码分析

浅拷贝是拷贝引用, 拷贝后的引用都是指向同一个存放数据位置的指针, 无论操作哪一个都是在操作指向在堆中的那一个数据, 所以双方都会有影响。

//浅拷贝
     function extend(target, source) {  //target原来的值,source后给的值,后边的要覆盖前面
	    if (typeof target !== 'object') {
	        throw new Error('target不是对象');
	    }
	    if (!source) {
	        throw new Error('source不能为空');
	    }
	    if (typeof source !== 'object') {
	        throw new Error('source不是对象');
	    }
	    for (let key in source) {
	        target[key] = source[key];  //然后将源对象的值赋值到target中
	    }
	    return target;  //最后返回target
	}
	var obj = extend({
	    a: 1,
	    b: 2
	}, {
	    c: 3,
	    a: 5
	})
    console.log(obj)//{a: 5, b: 2, c: 3}

深拷贝的代码分析

在堆中重新分配内存, 将源对象的各个属性复制进去. 对拷贝对象和源对象各自操作互不影响。

//深拷贝
function deepClone(target, source) {
    if (typeof target !== 'object' || !target) {
        return source || target;
    }
    if (typeof source !== 'object' || !source) {
        return source;
    }
    for (let key in source) {
        var item = source[key];
        if (typeof item === 'object' && item) {
            target[key] = deepClone(Array.isArray(item) ? [] : {}, item);
        } else {
            target[key] = item;
        }
    }
    return target;
}

var obj = {
    a: 1,
    b: 'fff'
}
var obj1 = {
    a: 2,
    c: {
        name: '李四',
        age: 20
    }
}
var obj2 = deepClone(obj, obj1);
obj1.a = 3;
obj1.c.name = '王五';
obj1.c.age = 30;
console.log(obj2);	//obj2.c不会跟着obj1.c的改变而改变