【浏览器工作原理】7.v8是如何执行JavaScript代码的

发布网友 发布时间：2024-10-02 11:19

我来回答

共1个回答

热心网友 时间：2024-11-02 03:40

目前各种前端框架层出不穷，我们只有掌握底层本质的知识才能轻松理解上层应用，本来将从v8执行机制角度说明白一些概念和原理。

由于机器不能直接理解我们的代码，所以在执行程序之前，需要将代码翻译成机器能读懂的机器语言。

编译型语言：对源代码进行词法分析、语法分析生成抽象语法树（AST）-->优化代码-->生成机器码。编译成功生成一个可执行的二进制文件。

解释型语言：对源代码进行词法分析、语法分析生成抽象语法树（AST）-->生成字节码-->执行程序、输出结果

v8在执行过程中既有解释器又有编译器。

抽象语法树是一种数据结构，是代码结构化的表示，编译器或者解释器都依赖AST。常见的两个应用场景：

babel就是利用AST将es6转换为AST，再将es6语法的AST转换为es5语法的AST，最后利用es5的AST生成JavaScript源代码。

eslint检查JavaScript编码规范，也是将源码转换为AST,再利用AST来检查代码规范问题

生成过程：先分词再解析

分词（词法分析）：将一行行源码拆解成一个个token（不能再分的单个字符或者字符串），例如varmyName='极客时间';就可以分为关键字var、标识符name、赋值运算符=和字符串dd四个token。

2.解析（语法分析）：将上一步生成的token数据根据语法规则转为为AST

有了AST，v8就会生成该代码的执行上下文参考上篇文章。

有了AST和执行上下文，解释器会根据AST生成字节码，并解释执行字节码。

一开始v8没有字节码，而是直接将AST转换为机器码（消耗内存），移动端内存占用问题明显引入了字节码。

字节码就是介于AST和机器码之间的一种代码，需要解释器讲起转换为机器码后才能执行。

因为字节码占用的空间比较小，所以可以减少内存占用。

解释器在执行字节码过程中，如果发现有热点代码（一段代码被重复执行多次），编译器就会把这段热点的字节码编译为机器码。这种字节码配合解释器和编译器的技术称为即时编译（JIT）。

通过上面概念的分析，v8执行代码主要有3个过程：

生成抽象语法树和执行上下文

基于AST生成字节码

通过解释器执行代码及通过编译器优化编译字节码

了解以上流程，那么应该如何优化JavaScript执行效率？

提升单次脚本的执行速度，避免JavaScript的长任务霸占主线程

避免大的内联脚本，因为在解析html的过程中，解析和编译也会占用主线程，尽量使用异步加载aync或defer

减少JavaScript文件的容量，提升网络下载速度及占更低的内存

通过本文我们了解了v8执行JavaScript的流程，相信明白了这些底层知识即使技术不断迭代我们也不会感到慌了。