高手带你通透JS的数据类型

js中的数据类型有两大类，基础数据类型和引用数据类型。

1.基础数据类型

String、Number、Boolean、Undefined、Null、Symbol(ES6)、BigInt(ES2020)

基础数据类型存储在栈内存中,按值存放可以直接访问。

以下来自JavaScript官网

JavaScript中的原始值是不可更改的：任何方法都无法更改（或“突变”）一个原始值。对数字和布尔值来说显然如此 — 改变数字的值本身就说不通，而对字符串来说就不那么明显了，因为字符串看起来像由字符组成的数组，我们期望可以通过指定索引来改变字符串中的字符。实际上，JavaScript是禁止这样做的，不允许通过其他方法来改变原有的值

举个例子:

let a = 'aaa'
a[1] = 'c'
console.log(a) // 控制台打印为aaa
a = 'bbb'
console.log(a) // 控制台打印为bbb

基础数据类型的值是不可以变得，但是我们可以重新给它赋值。

2.引用数据类型

Object、Array、Function、Date、RegExp

引用数据类型存储在堆内存中，数据大小不确定，变量保存的是堆内存中的指针，该指针指向的是堆内存中存放的数据地址。

const arr = [1,2,3]
arr[1] = 1
console.log(arr) // [1,1,3]

这里const声明的变量没有报错的原因就是因为在改变引用数据类型中值的时候，改变的只是堆内存中存放的数据，没有改变其变量存放的指针。

如果是重新赋值的话那就会报错，因为在堆内存中开辟了一块数据空间，改变了变量存放的指针。

const arr = [1,2,3]
arr = [1]  // Uncaught TypeError: Assignment to constant variable.

总结：变量被赋予的值（包括引用数据类型存放的指针）都是存储于栈内存中，引用数据类型的真实值是存在堆内存中，通过指针指向该数据地址，从而拿到它的值