原始（Primitive）类型

在 JS 中，存在着 6 种原始值，分别是：

  • boolean
  • null
  • undefined
  • number
  • string
  • symbol

首先原始类型存储的都是值，是没有函数可以调用的，比如 undefined.toString()

除了会在必要的情况下强转类型以外，原始类型还有一些坑。
其中 JS 的 number 类型是浮点类型的，在使用中会遇到某些 Bug，比如 0.1 + 0.2 !== 0.3，但是这一块的内容会在进阶部分讲到。string 类型是不可变的，无论你在 string 类型上调用何种方法，都不会对值有改变。
另外对于 null 来说，很多人会认为他是个对象类型，其实这是错误的。虽然 typeof null 会输出 object，但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象，然而 null 表示为全零，所以将它错误的判断为 object 。虽然现在的内部类型判断代码已经改变了，但是对于这个 Bug 却是一直流传下来。

对象（Object）类型

在 JS 中，除了原始类型那么其他的都是对象类型了。对象类型和原始类型不同的是，原始类型存储的是值，对象类型存储的是地址（指针）。当你创建了一个对象类型的时候，计算机会在内存中帮我们开辟一个空间来存放值，但是我们需要找到这个空间，这个空间会拥有一个地址（指针）。

  1. const a = []

对于常量 a 来说，假设内存地址（指针）为 #001，那么在地址 #001 的位置存放了值 []，常量 a 存放了地址（指针） #001，再看以下代码

  1. const a = []
  2. const b = a
  3. b.push(1)

当我们将变量赋值给另外一个变量时，复制的是原本变量的地址（指针），也就是说当前变量 b 存放的地址（指针）也是 #001，当我们进行数据修改的时候，就会修改存放在地址（指针） #001 上的值，也就导致了两个变量的值都发生了改变。
接下来我们来看函数参数是对象的情况

  1. function test(person) {
  2.   person.age = 26
  3.   person = {
  4.     name: 'yyy',
  5.     age: 30
  6.   }
  7.   return person
  8. }
  9. const p1 = {
  10.   name: 'yck',
  11.   age: 25
  12. }
  13. const p2 = test(p1)
  14. console.log(p1) // -> ?
  15. console.log(p2) // -> ?

对于以上代码，你是否能正确的写出结果呢？接下来让我为你解析一番：

  • 首先，函数传参是传递对象指针的副本
  • 到函数内部修改参数的属性这步，我相信大家都知道，当前 p1 的值也被修改了
  • 但是当我们重新为 person 分配了一个对象时就出现了分歧，请看下图

image.png
所以最后 person 拥有了一个新的地址（指针），也就和 p1 没有任何关系了，导致了最终两个变量的值是不相同的。