从我们在打开页面后到JavaScript代码执行这之间发生了三件事。
语法分析 -> 预编译 -> 解释执行。
其实在语法分析之前还可以继续深入,但是若继续深入则会涉及到词法分析以及AST(抽象语法树)等内容,这部分知识对于初学者来说过于深入,我们暂时从语法分析开始说明。
语法分析
浏览器中的JavaScript引擎会对代码进行扫描,查找低级语法错误,发现错误后中断分析并抛出语法错误(syntaxError)。在引用了多个js文件时会继续对下一个js文件进行加载和扫描。没有语法错误则进入预编译阶段。
预编译
- 预编译分为全局预编译和函数预编译。
- 全局预编译在语法检测之前。
- 函数预编译在函数运行前进行。
全局预编译
- 在页面打开时便创建了一个全局对象GO(Global Object),即window对象。
- 分析变量声明,变量作为GO对象的属性名,值为undefined。
- 分析函数声明,函数名作为GO对象的属性名,值为函数体(如果遇到同名,直接覆盖)。
全局预编译中需要注意的是函数声明遇到同名的变量声明后会对其进行覆盖。
函数预编译
- 函数执行前的一瞬间,生成一个AO对象。在函数执行前的一瞬间会生成自己的AO,如果函数执行2次,生成了两次AO,这两次的AO是独立的没有任何关联。
- 分析参数,形参作为AO对象的属性名,实参作为AO对象的属性值
- 分析变量声明,变量名作为AO对象的属性名,值为undefined,如果遇到同名的变量不去做任何改变。
- 分析函数声明,函数名作为AO对象的属性名,值为函数体,如果遇到同名的进行覆盖。