函数解析原理

分3个阶段：

1. 准备（Hoisting）
2. 装载（填充数据）
3. 执行（逐行解决）

准备

本阶段就是书本中所说的Hoisting，包括：形参变量创立、函数体内变量提升创立 和 函数申明创立。

就是先把函数中所有的变量或者者公告的函数名都先定义好，空间都开拓好。

关于准备阶段的特别说明：

1. 假如变量已经定义过，则不会重新定义（比方：形参中有个参数a，并且调使用函数时传了值进来，这时候函数中还有个变量a，那么在这一阶段，函数中的变量a是不会重新定义，形参中的值也不会被覆盖。）；

装载

这里装载填充的数据包括：形参 和 申明的函数体。

也许你要问了，为什么一般的变量只是拿到前面定义好，此时值是 undefined，填充数据需要等到执行那一行才进行，而 形参 和 申明的函数 在代码执行前就要装载好呢？

答： 我个人的了解是（有更专业的解释，欢迎批评指正）：

• 形参 是外部传进来的，是函数在执行前就已经知道的数据，所以直接就装载上；而对于函数中普通的变量，受限于JS解析顺序的机制影响，只能等到具体执行到那一行时才能知道。
• 函数申明 为什么要放到前面去呢？这应该也是JS的策略吧，不然函数表达式（var xxx=fn）为啥就没这个待遇呢？

关于装载的特别说明：

1. 数据装载的数据为：函数形参 > 函数申明；
2. 对于函数公告装载时，假如已经有相同的函数名的话，会覆盖前面的（比方：形参中有个参数a，并且外部给他赋了值，这时候函数中假如有个函数申明a，那么在这一阶段，形参中的a就会被覆盖为这个函数）。

执行

通过上面的2个阶段，大家就知道，当函数真正一行行开始执行的时候，其实有些值已经存在了，并不是大家想象中的一律为 undefined。

本阶段就是纯粹的执行代码了，执行就包括了：变量赋值、对象调使用等等。

但是本阶段其实JS引擎还做了另外一件事情，就是：代码检查。假如报错了，会直接中断程序，除非用 try/catch 捕获。

示例

本示例的结果是什么呢？大家可以点击下文 “查看更多” 跳转到具体的我的github查看更介绍的分析。