JavaScript系列之变量存储

8种基本数据类型

  • number
  • string
  • boolean
  • null
  • undefined
  • symbol
  • bigint
  • object

基本类型和引用类型

前7种为基本类型,最后一种为引用类型。

其中,引用类型中包括

  • array数组
  • object对象
  • function函数
  • 特殊对象:DateRegExp
  • ES6新增类型setmapweakSetweakMap等。

关于数组可以这么理解:数组的键是按顺序排列的索引,值就是当前值,因此可以看作是一种特殊的对象。

基本类型和引用类型的区别

  • 基本类型按值访问,引用类型按引用访问
  • 基本类型按值存储在栈内存中
  • 引用类型按引用存储,指针存在栈内存中,指针指向的具体内容存储在堆内存
  • 基本类型不能动态添加属性

栈内存和堆内存

放上《高程3》上的图。

基本类型的值复制:
在这里插入图片描述
引用类型的值复制:
在这里插入图片描述
先忽略复制后的变量对象,从图中可以看到基本类型和引用类型的存储方式。对于引用类型的那个图中,左边就是栈内存,右边是堆内存。基本类型直接将值存储在栈内存中,引用类型将指针存储在栈内存中。

然后在考虑一下复制问题,从图中可以看到:

  • 基本类型的复制是另开一个空间,存储与被复制值相同的值
  • 引用类型的复制也在栈内存中另开了一个空间,但两个对象的指针指向堆内存中的同一个值

深拷贝

由上面引用类型的复制问题可以知道,当obj2中的值发生变化时,obj1也会变化。因为obj2值的变化实际上是堆内存中的对象发生变化,而obj1obj2指向同一个对象,因此他们的变化是同步的。

let obj1= {
   a:1, b:2};
let obj2 = obj1;
console.log(obj1) // {a: 1, b: 2}
console.log(obj2) // {a: 1, b: 2}
obj1.a = 2;
console.log(obj1) // {a: 2, b: 2}
console
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值