内存

1. 栈数据结构

js中基本类型数据存放在栈结构中
栈中存取数据的特点是先进后出,后进先出。如下图:

栈.jpg

2. 堆数据结构

js中引用类型数据存放在堆结构中
堆树结构是一种树状结构,根据key可以获取到对应的value。

3. 队列

队列是一种先进先出的数据结构,类似于排队安检。如下图:


队列.jpg

4. 基本数据类型和引用数据类型

js中有六种基本数据类型,undefined、null、boolean、number、string、symbol,基本数据类型都是按值访问,我们可以直接操作存储的保存在变量中的实际值。

引用类型数据存储在堆内存中,js不允许直接操作对象的堆内存空间中的数据,我们在操作引用类型数据时,实际上操作的是对象的引用而不是实际的值。所以,引用类型的值都是按引用地址访问的。


堆&变量对象.jpg

上图中反映出,我们要获取对象数据,首先需要获取该对象的地址引用(地址指针),通过地址引用获取到需要的数据。由于这一特性,我们在平时开发过程中就会遇到拷贝引用数据类型的问题。
在给引用类型数据赋值时,其实就是把一个变量的地址指针给了另一个变量,所以这两个变量的值其实还是同一个,一个变量改变引起了另一个变量值的变化,由此产生数据污染问题(可见下图)。可用深拷贝浅拷贝解决。详情可参考https://www.jianshu.com/p/bc4f8aa9534d

对象赋值.jpg

5. 内存空间管理

js具有自动垃圾收集回收机制,我们在开发过程中不用太过于关注内存使用问题。但是了解内存机制有助于写出性能更优的代码。

js内存生命周期

  • 分配你所需要的内存
  • 使用分配到的内存(读写操作)
  • 不需要时将其释放
    例如:
var a = 1; //分配空间
alert(a + 100); //使用内存
a = null; //释放内存

垃圾回收机制的原理:找出不需要用到的值,释放其占用的内存。垃圾回收器会每隔固定的时间段就执行一次释放操作。最常用的时通过标记清除的算法来找出哪些变量不需要继续使用,因此, a=null就是一个释放内存的操作。这个值会在下一次垃圾收集器执行操作时被找到并且释放。局部作用域中,垃圾回收器很好判断并回收。全局变量很难判断,开发过程中,尽可能少的使用全局变量。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容