前言
说起javascript吧，我只能算是会写一些基础的代码，之前没细致探索过预编译啊、作用域啊。这几天在B站上又细致的看了些这方面内容，特做个笔记，如有错误，欢迎评论指正。
正文
何为预编译？
我们都知道，js是解释型语言，它是看一行执行一行，但在执行前会进行预编译。预编译主要进行变量的声明提示和函数的整体提升。本文将主要介绍执行函数这一块，全局也是差不多一样道理。
示例代码
这是一段代码，里面涉及到控制台输出，小伙伴们可以先判断判断console.log这几处会输出什么。
预编译过程
就函数而言，预编译发生在函数执行的前一刻进行。
- 首先，会创建AO对象。官方名叫运行期上下文对象好像。
- 接着，会找函数里的形参和变量名，并在AO对象中赋值为undefined。
- 然后，形参和实参相统一。即将实参赋值给对应的形参。
- 最后，会找函数里的函数声明，并在AO对象中把函数体赋值给它。
代码详解
首先，在函数执行前一刻创建了AO对象。
然后，我们发现这个函数没有形参，但声明了变量a和变量b，此时的AO对象为：
AO:{
a:undefined,
b:undefined,
}
没有形参和实参这一步，我们来到最后一步，发现有个函数声明即function b(){}，到这，AO对象变为：
AO:{
a:undefined,
b:function b(){ ... }
}
预编译到这里就结束了。
开始运行函数，那么第一行输出不言而喻，是undefined。下一行var b这一块就可以忽略，因为已经做过预编译了。
下一行不言而喻，是function b(){}。然后接着，a=20,b=30。那么AO对象里也这样变化：
AO:{
a:20,
b:30
}
最后两个输出就分别是20和30了。
想的对不对呢，打开浏览器看看：
经验证，是这个理。
后记
以上就是对函数这一块预编译的介绍，欢迎大家评论区讨论、指正。