html 中js 加载机制
1. 一般情况下,如果遇到js, 会堵塞html渲染,等到js 加载完毕并且执行完毕才会继续渲染html,如果不要这种效果,script 提供了defer 和anysc两种方式
defer: js下载和渲染html 同时执行,html渲染完成后,才执行js代码
async: js下载和渲染html同时执行,js下载完成后,立即执行js代码,执行js代码过程会堵塞html的渲染
js代码运行分两个阶段
1.预编译阶段,
在这个阶段进行变量的提升,将变量赋值为undefined;函数的声明提升
2. js执行阶段
js 分为同步任务和异步任务,先执行同步任务,在执行异步任务
异步任务又分为宏任务和微任务,先执行微任务在执行宏任务
宏任务:setTimeout() ajax回调 事件回调(鼠标键盘事件)
微任务:promise await process.nextTick(node中的)
流程图:
js中的内存泄露和垃圾回收
1.内存泄露: 不再用到的内存,没有及时释放,就会导致内存泄露 。
2. 导致内存泄露的几种情况:
1)意外的全局变量 在函数中定义全局变量
2)被遗忘的计时器
3)滥用闭包,闭包中内部函数持有外部函数的变量,导致在闭包外可以引用闭包里面的变量
4)脱离 DOM 的引用 dom元素绑定了事件,在元素删除后,事件还存在,导致的内存泄露
3.垃圾回收
1)最常用的是标记清除的方式,其次还有引用计数的方式
2)标记清除:从根节点遍历,将可用的可达的做个标记,清除一些没有标记的空间,被回收