JS中简单数据类型和复杂数据类型在内存中的存储和引用

JS中的简单数据类型有 number, string, bool, undefined和null, 先来介绍一下简单数据类型在内存中是如何存储的

当我们声明一个变量a的时候, 会在栈里面开辟出一块新的内存空间, 用来存放这个变量a的数值, 当这个变量a存储的数值发生改变时, 栈空间里的对应那块内存里的数据也会发生改变, 此时如果又声明了一个变量b, 并把变量a赋值给变量b时, 在栈里面又会新开辟出一块空间, 用来存放变量b存储的数值, 而这个数值, 是变量a传递给他的, 因此, 此时两个变量分别对应两块内存空间, 存储的值是相同的, 因此, 当变量a发生改变时, 并不会影响到变量b所拥有的那块内存空间, 所以变量b是不会改变的

var a = 0
var b = a
a = 1
console.log(b)   //0

JS中除了上述所说的简单数据类型, 其他都是复杂数据类型, 复杂数据类型在声明之后, 会在堆内存中开辟出一块空间, 用来存放数据, 拿对象举例, 在我们新建一个对象之后, 会在堆内存中开辟一块空间, 用来存放对象里的数据, 而复杂数据类型跟简单数据类型的不同点就是在于, 简单数据类型的变量指向的是内存中的数据, 而复杂数据类型指向的是其在内存中的地址,通过这个地址, 从而拿到地址中的数据, 因此, 如果将一个对象赋值给另一个对象的时候, 其实是把这个对象在内存空间中的地址传递给了另一个对象, 此时, 他们共享内存中的同一块空间以及空间里的数据, 如果对其中一个对象的一个属性进行修改的话, 那么因为两个对象是共享一块地址一个数据的, 因此另一个对象中的属性也会被改变. 如果对其中一个对象重新赋值的话, 那么这个对象就会指向另一块内存空间, 就不在与另一个对象共享同一块内存了。

var obj_one = {
  name: 'zhangsan'
}
var obj_two = obj_one
obj_one.name = 'lisi'
console.log(obj_two.name)  //lisi

//对obj_one进行重新赋值
obj_one = {
  name: 'wangwu'
}
console.log(obj_two.name)  //lisi

转载自：https://www.cnblogs.com/luckq/p/9681259.html