前言
首先需要明白的是,机器是读不懂 JS 代码,机器只能理解特定的机器码,那如果要让 JS 的逻辑在机器上运行起来,就必须将 JS 的代码翻译成机器码,然后让机器识别。JS属于解释型语言,对于解释型的语言说,解释器会对源代码做如下分析:
- 解释器进行词法分析和语法分析
- 根据语法分析结果生成抽象语法树
- 生成字节码
1.ATS抽象语法树的生成
抽象语法树生成经过词法解析和语法解析。
词法解析就是解析js代码的每个词的含义,不考虑他的语法。如下let name='sanyuan'
的词法解析
再经过语法解析:比如下面的例子转换成语法解析树
let name = 'sanyuan'
console.log(name)
2.生成字节码
什么是字节码呢?
字节码是介于AST 和 机器码之间的一种代码,但是与特定类型的机器码无关,字节码需要通过解释器将其转换为机器码然后执行。
我们知道浏览器中运行的不是字节码,是机器码,那为什么要多次一举呢?