深拷贝和浅拷贝

如何区分 深拷贝和浅拷贝

简单来说，就是假设B复制了A，当修改A时,看B是否会发生变化,如果B也跟着变了，说明这是浅拷贝()，如果B没变，那就是深拷贝(自食其力)

基本数据类型和引用数据类型

1. 基本数据类型: number，string，boolean，null，undefined，symbol以及未来ES10新增的BigInt(任意精度整数)七类。基本数据类型是 数据存在 栈内存（值）。
2. 引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。引用数据类型 数据存在 栈内存（地址） 和堆内存（对象）

深拷贝实现

1. 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)

2. 递归

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;
  }
}

3. 借助 $.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);