js代码的运行机制

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的渲染

  js代码的运行机制

 

  

js代码的运行机制

上一篇:OWASP TOP 10 web安全威胁---E.失效的访问控制


下一篇:11个web前端开发人员必备的在线工具,功能强大,值得收藏