对于简单类型和复杂类型的解释

简单类型和复杂类型

简单类型的储存

• 简单类型

var a = 10;
var b = a;
b = 20;
console.log(a,b); //输出 10，20 也就是说，a的值不会受到b的值的改变而影响

• 简单类型数据存储在内存的栈空间中，复杂类型的数据存储在内存的堆空间中

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0CEq6FU1-1571188938107)(./assets/001.png)]

• 把一个变量赋值给另一个变量的时候，其实是把栈空间的数据(格子内的值复制了)复制了一份

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BSC9wsMu-1571188938115)(./assets/002.png)]

• 当另一个数据发生变化，会根据变量找到对应的栈内存上盒子的内容，进行修改；
• 此时，简单类型的的变量赋值给另一个变量，当另一个变量改变了，不会影响原来的变量；

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-97SvZ1no-1571188938117)(./assets/003.png)]

复杂类型的储存

var obj1 = {
  name : '狗蛋'
};
var obj2 = obj1;
obj2.name = '翠花';

// 输出 两个翠花 ， 也就是说，obj1的name属性受到了obj2的name属性影响
console.log(obj1.name,obj2.name); 

• 复杂类型在内存的储存，赋值给其他变量，也是把格子内的内容复制了一份，
• 格子里是地址；相当于两个对象内容存的是同一份地址；

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0U0lhBeK-1571188938120)(./assets/004.png)]

• 当另一个变量发生变化时，修改的是同一个堆内存地址上的数据，所以obj1和obj2修改的其实是同一个对象

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TFDzq9ev-1571188938122)(./assets/005.png)]

 // 形参与实参
 // 简单数据类型
 function f1(b) {
    b = 2;
 }
 var a = 1;
 f1(a)
 console.log(a);


  // 复制数据类型
  function f2(o) {
    o.name = '翠花';
  }
  var a = {
    name: '狗蛋'
  }
  f2(a);
  // 最终a的name属性是多少？翠花
  console.log(a.name);

//----------------------------------------------------------
  var obj_a = {};
  var obj_b = obj_a;

 // true 同类型，比值：同一个地址
  console.log(obj_b == obj_a);


  // false 同类型，比值：不同的地址；
  var obj_a = {};
  var obj_b = {};
  console.log({} == {});