如何区分 深拷贝和浅拷贝
简单来说，就是假设B复制了A，当修改A时,看B是否会发生变化,如果B也跟着变了，说明这是浅拷贝()，如果B没变，那就是深拷贝(自食其力)
基本数据类型和引用数据类型
- 基本数据类型: number，string，boolean，null，undefined，symbol以及未来ES10新增的BigInt(任意精度整数)七类。基本数据类型是 数据存在 栈内存（值）。
- 引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。引用数据类型 数据存在 栈内存（地址） 和堆内存（对象）
深拷贝实现
- JSON(不推荐)
var someObj = {
name: "lisi",
age: 18,
favor: ["看书","写字","游戏"],
sem: {
card:"#1231231",
password:"123123"
}
};
var newObj = JSON.parse(JSON.stringify(someObj));
console.log(newObj);
console.log(someObj == newObj)
- 递归
function deepClone(data) {
if (typeof data === "object") {
var result = Array.isArray(data) ? [] : {};
for (var key in result) {
if (typeof result[key] === "object") {
result[key] = deepClone(data[key]);
} else {
result[key] = data[key];
}
}
} else {
return data;
}
}
- 借助 $.extend
$.extend( [deep ], target, object1 [, objectN ] )
deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝
target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。
let a=[0,1,[2,3],4],
b=$.extend(true,[],a);
a[0]=1;
a[2][0]=1;
console.log(a,b);
浅拷贝
let target=[];
let testArr=[2,3,5,8];
Object.assign(target,testArr);
console.log(target);
testArr.push(8);
console.log("我是原来的"+target+",我是现在的"+testArr);
