JS 什么是基本类型和引用类型有什么区别？

Posted 2022-01-29 cookcyq

一、基本类型

1、基本类型有：undefined / null / number / string / boolean / bigint / symbol
2、基本类型数据放在栈内存中
3、基本类型数据是不可变的

let str = 'hello,world'
str[0] = 'x'
console.log(str) // 输出：hello,world  证明第 3 点，数据是不可变的
// 误区：重新给 str 赋值不代表数据是可变的，其本质是重新开辟一份新的数据放在栈内存中
str = 'Tony'

二、引用类型

1、引用类型有：Object / Array / Function 等，本质上都是属于 Object
2、引用类型以：地址: 数据 的映射关系来进行存储，其中地址放在栈内存，数据放在堆内存，若两个或 N 个变量指向同一个地址，则共用一份数据。
3、引用类型数据是可变的

const obj = name: 'Tony'
obj.name = 'Jack'
console.log(obj.name) // 输出 Jack 证明第 3 点，数据是可变的

const copyObj = obj // 将 obj 赋给 copyObj 相当于复制 obj 的地址
copyObj.name = 'Tony' // 修改名字
console.log(obj.name) // 输出 Tony 证明第 2 点，共用同一份数据

三、基本和引用类型的数据存储结构图