js代码运行分两个阶段
1.预编译阶段,
在这个阶段进行变量的提升,将变量赋值为undefined;函数的声明提升
2. js执行阶段
js 分为同步任务和异步任务,先执行同步任务,在执行异步任务
异步任务又分为宏任务和微任务,先执行微任务在执行宏任务
宏任务:setTimeout() ajax回调 事件回调(鼠标键盘事件)
微任务:promise await process.nextTick(node中的)
流程图:
html 中js 加载机制
1. 一般情况下,如果遇到js, 会堵塞html渲染,等到js 加载完毕并且执行完毕才会继续渲染html,如果不要这种效果,script 提供了defer 和anysc两种方式
defer: js下载和渲染html 同时执行,html渲染完成后,才执行js代码
async: js下载和渲染html同时执行,js下载完成后,立即执行js代码,执行js代码过程会堵塞html的渲染