javascript 关于赋值、浅拷贝、深拷贝的个人理解

//在栈内开辟一个空间，空间名称叫a，存放值1；
var a = 1;

//在栈内开辟一个空间，空间名字叫b。接着先把a的值1复制一份，然后存放进b
var b = a;

//首先在栈开辟一个空间a存放指针地址，设指针地址为address1；同时会在堆里面开辟一个空间放置对象数据 2 var a = {
 no: 1,
 per: {
  name: "jack"
 },
 per2: {
  name: "rose"
 }
}

//a赋值给b,此时b会在栈开辟一个空间b，用来放置address1，这个指针指向a所在堆的对象数据
var b = a;

//修改赋值后的值b，其实就是修改b的指针address1所指向的对象数据
b.no = 1314;

//修改b会影响原数据（所有层次的数据都会影响）
//这个原数据其实不是原数据，因为a和b其实都是同一个数据
//就像从中国去美国，可以从a地点（比如北京）或者b地点（比如上海）坐飞机去，但是到达的都是同一个地方（也就是对象数据）
b.per.name = "王五";

console.log(a, b)

//在栈开辟一个空间a，存放a的指针地址，设指针地址为address2a，同时在堆开辟一个空间，设这空间为A，存放a对象数据
var a = {
 no: 1,
 per: {
  name: "jack",
 },
 per2: {
  name: "rose"
 }
}

//在栈开辟一个空间b，存放b的指针地址，设指针地址为address2b，同时在堆开辟一个空间，设这空间为B，存放b对象数据
var b = {};

//对a的数据进行循环，判断如果有key，就把值赋到B对应的key位置
//这个循环，遇到数据类型为基本数据类型，赋的是值；遇到引用数据类型，赋的是指针地址
for(var p in a) {
 if(a.hasOwnProperty(p)) {
  b[p] = a[p]
 }
}

//对b的第一层修改
b.no = 1314;
b.per2 = [];

//对b的第二层修改
b.per.name = "王五";

//浅拷贝，修改b后，第一层修改都不影响原数据，第二层以及以上层次的修改都影响原数据
//当前没有写第三层及以上层次，可自行测试。
console.log(a, b)

//在栈开辟一个空间a，存放a的指针地址，设指针地址为address3a，同时在堆开辟一个空间，设这空间为space1a，存放a对象数据
var a = {
 no: 2,
 per: {
  name: "jack"
 },
 per2: {
  name: "rose"
 }
}

//用递归的方式对a进行拷贝属性和值,然后赋值给temp，然后return出去。此时不拷贝指针地址。
function getDeep(obj) {
 var temp = Array.isArray(obj) ? [] : {};
 for(var p in obj) {
  if(typeof obj[p] == "object") {
   temp[p] = getDeep(obj[p])
  } else {
   temp[p] = obj[p]
  }
 }
 return temp;
}

//在栈开辟一个空间b，存放b的指针地址，设指针地址为address3b。同时b在堆开辟一个空间，设这空间为D，存放temp的对象数据
var b = getDeep(a);

//深拷贝后，修改b的值，不论修改属性值，还是整个值替换都不影响原数据a
b.no = 1314;
b.per = []
b.per2 = {
 name:"王五"
}

console.log(a, b)