js【详解】数据类型原理（含变量赋值详解-浅拷贝）

JavaScript 中的数据按存储方式的不同，分为值类型和引用类型。

• 值类型（共 5 种）：赋值的时候传值 —— 数字、字符串、布尔值、undefined，Symbol

• 引用类型 ：赋值的时候传引用的地址—— 如对象，数组，null , 函数

  • null 是特殊的引用类型，引用的空地址
  • 函数也是特殊的引用类型，因为函数引用的地址指向的内容不是一个数值，而是一段可执行代码。

声明变量后，js引擎会在栈内存中开辟一个以该变量命名的存储空间，若未赋值，则该空间内存的值类型的数据 undefined。

• 变量赋值时，若数据为值类型，则会将数据的值存入该变量命名的空间。（即变量中存的数据的值）

  • 存有值类型数据的变量赋值给另一个变量时，会将数据的值复制一份，存入新变量命名的空间中，两个变量内存储的数据相互独立，互不影响（改变A变量的值，B变量的值不会发生改变）

• 变量赋值时，若数据为引用类型，则会先将引用类型的数据保存在堆内存中，再将该数据在堆内存中存储的地址存入该变量命名的空间。（即变量中存的是数据的引用地址）

  • 存有引用类型数据的变量赋值给另一个变量时，会将数据的引用地址复制一份，存入新变量命名的空间中（浅拷贝），两个变量实际指向的是同一份数据，相互影响（改变A变量的值，B变量的值也会同步改变）

之所以这样设计，是因为引用类型的数据通常较大，拷贝时需要花费更多的时间和空间，引用类型浅拷贝的设计，提升了数据的拷贝速度和内存空间的使用效率，从而表现出了更佳的性能。