引用赋值/浅拷贝/深拷贝简述与理解

引用赋值/浅拷贝/深拷贝简述与理解

2.7.3、这里拿js做例子

• 基础类型都是按值传递,没有引用问题：number,Boolean,string…

• 简单引用赋值

//准备一个父对象，作为原型
var PP={}
//此时BB拿到的时PP的原型
var BB = PP;
//此时修改了BB同时也修改了PP
BB.name = "test";

• 浅拷贝

//使用object.assign
let target=[];
let testArr=[2,3,5,8];
Object.assign(target,testArr);
//或...三点用法
var obj = {name:'fd'};
var obj2 = {...obj};
//此时修改obj2原型obj不会改变

注意:浅拷贝值切断了第一层属性的引用

//或...三点用法
var obj = {name:'fd',objTo:{name:"fd"}};
var obj2 = {...obj};
//此时修改obj2.name原型不会改变
//但是,修改obj2.objTo时,obj原型依旧会改变

• 深拷贝:无论数据多深,引用都切断

//简单自定义深拷贝 -循环拷贝
function copy(obj) {
    if (Array.isArray(obj)) {
        let arr = [];
        for (let i = 0; i < obj.length; i++) {
            arr[i] = obj[i];
        }
        return arr;
    } else {
        let arr = Object.keys(obj);//获取对象的所有键名，并以数组返回
        let obj2={};
        for (var i = 0; i < arr.length; i++) {
            obj2[arr[i]] = obj[arr[i]];
        }
        return obj2
    }
}
//利用json实现------推荐
let deepClone = function (obj) {
    let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式
    let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象
    return result;
};
// ***注意:如果obj里包含function函数或值为undefined会丢失

• 利用原型链拷贝副本

var PP= function (ff) {
    this.ff = ff;
    console.log("构造");
}
var BB = function () {

}
//需求
//1.需要拿到PP的属性和函数方法
//2.不需要拿到父对象PP的原型引用
//3.不使用new创建,new的父构造是PP
var __pro = Object.create(PP.prototype);//创建一个原型链的副本,修改不会改变原型
__pro.constructor = BB; //将副本__pro的构造改成对象BB
BB.prototype =  __pro;//改变BB的原型链
var value = new BB();
console.log(value);	

• 附:都具有拷贝切断引用功能,如果数据只有一层,可以使用浅拷贝,则使用深拷贝