基本类型和引用类型 JS 中的数据类型,整体上来说只有两类:基本类型和引用类型。
其中基本类型包括:Sting、Number、Boolean、null、undefined、Symbol。这类型的数据最明显的特征是大小固定、体积轻量、相对简单,它们被放在 JS 的栈内存里存储。
而排除掉基本类型,剩下的数据类型就是引用类型,比如 Object、Array、Function 等等。这类数据比较复杂、占用空间较大、且大小不定,它们被放在 JS 的堆内存里存储。
栈是线性表的一种,而堆则是树形结构。
垃圾回收机制 每隔一段时间,JS 的垃圾收集器就会对变量做 “巡检”。当它判断一个变量不再被需要之后,它就会把这个变量所占用的内存空间给释放掉,这个过程叫做垃圾回收。
垃圾回收算法有两种 —— 引用计数法和标记清除法。 引用计数法: 在引用计数法的机制下,内存中的每一个值都会对应一个引用计数。当垃圾收集器感知到某个值的引用计数为 0 时,就判断它 “没用” 了,随即这块内存就会被释放。 引用计数法无法甄别循环引用场景下的 “垃圾”! 标记清除法: 标记清除法是现代浏览器的标准垃圾回收算法。 在标记清除算法中,一个变量是否被需要的判断标准,是它是否可抵达 。
这个算法有两个阶段,分别是标记阶段和清除阶段: 标记阶段:垃圾收集器会先找到根对象,在浏览器里,根对象是 Window;在 Node 里,根对象是 Global。从根对象出发,垃圾收集器会扫描所有可以通过根对象触及的变量,这些对象会被标记为 “可抵达”。 清除阶段: 没有被标记为 “可抵达” 的变量,就会被认为是不需要的变量,这波变量会被清除。
闭包与内存泄漏 内存泄漏:该释放的变量(内存垃圾)没有被释放,仍然霸占着原有的内存不松手,导致内存占用不断攀高,带来性能恶化、系统崩溃等一系列问题,这种现象就叫内存泄漏。
在 V8 中,一旦不同的作用域位于同一个父级作用域下,那么它们会共享这个父级作用域。
内存泄漏成因分析: 1.“手滑” 导致的全局变量 2.忘记清除的 setInterval 和 setTimeout 3.清除不当的 DOM
内存泄漏(如何使用Chrome检测)
打开开发者工具,选择 Performance 面板在顶部勾选 Memory点击左上角的 record 按钮在页面上进行各种操作,模拟用户的使用情况一段时间后,点击对话框的 stop 按钮,面板上就会显示这段时间的内存占用情况我们有两种方式来判定当前是否有内存泄漏:
多次快照后,比较每次快照中内存的占用情况,如果呈上升趋势,那么可以认为存在内存泄漏某次快照后,看当前内存占用的趋势图,如果走势不平稳,呈上升趋势,那么可以认为存在内存泄漏ES6的WeakSet与WeakMap WeakSet 对象允许将弱引用对象储存在一个集合中。什么是弱引用对象?就是:垃圾回收机制不考虑对该对象的引用,也就是说,如果其他对象都不再引用该对象,那么垃圾回收机制会自动回收该对象所占用的内存,不考虑该对象是否还在该弱引用的结构中。要注意的是,弱引用的对象不可遍历。
WeakSet具有以下方法: add(value): 在 WeakSet 对象中添加一个元素value has(value): 判断WeakSet 对象中是否包含value delete(value): 删除元素value
WeakSet 与 Set 的区别: 1、WeakSet 只能储存对象引用,不能存放值,而 Set 对象都可以。 2、WeakSet 对象中储存的对象值都是被弱引用的,则这个对象将会被垃圾回收掉(不考虑该对象还存放于 WeakSet 中),所以 WeakSet 对象里有多少个成员元素,取决于垃圾回收机制有没有运行,运行前后成员个数可能不一致,遍历结束之后,有的成员可能被垃圾回收了。 3、WeakSet 对象是无法被遍历的(ES6 规定 WeakSet 不可遍历),也没有办法拿到它包含的所有元素。
WeakMap 对象是一组键值对的集合,其中的键是弱引用对象,而值可以是任意。 WeakMap 中,每个键对自己所引用对象的引用都是弱引用,在没有其他引用和该键引用同一对象,这个对象将会被垃圾回收(相应的key则变成无效的),所以,WeakMap 的 key 是不可枚举的。
注:WeakMap 弱引用的只是键名,而不是键值。键值依然是正常引用。
WeakMap具有以下方法: has(key):判断是否有 key 关联对象 get(key):返回key关联对象(没有则则返回 undefined) set(key):设置一组key关联对象 delete(key):移除 key 的关联对象
Set、Map、WeakSet和WeakMap的区别总结 1、Set 成员唯一、无序且不重复; [value, value],键值与键名是一致的(或者说只有键值,没有键名); 可以遍历,方法有:add、delete、has; 2、WeakSet 成员都是对象; 成员都是弱引用,可以被垃圾回收机制回收,可以用来保存DOM节点,不容易造成内存泄漏; 不能遍历,方法有add、delete、has; 3、Map 本质上是键值对的集合,类似集合; 可以遍历,方法很多可以跟各种数据格式转换; 4、WeakMap 只接受对象作为键名(null除外),不接受其他类型的值作为键名; 键名是弱引用,键值可以是任意的,键名所指向的对象可以被垃圾回收,此时键名是无效的; 不能遍历,方法有get、set、has、delete;