js中的预解析（变量提升和函数提升）

函数的声明方式：

1. 自定义函数方式(命名函数)

// 声明定义方式
function fn() {...}
// 调用
fn();

调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面

2. 函数表达式方式(匿名函数）

// 这是函数表达式写法，匿名函数后面跟分号结束
var fn = function(){...}；
// 调用的方式，函数调用必须写到函数体下面
fn();

函数调用必须写到函数体后面，因为变量存在预解析，变量的声明会被提升到前面,导致执行到调用函数的代码时出错。。

预解析

JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步：预解析和代码执行（从上到下执行JS语句）
预解析： 在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义

1. 变量预解析(变量提升)
   变量的声明会被提升到当前作用域的最上面，变量的赋值不会提升
2. 函数预解析(函数提升)
   函数的声明会被提升到当前作用域的最上面，但是不会调用函数

案例1：

<script>
  console.log(num);
  //结果：Uncaught ReferenceError: num is not defined
</script>

分析：num未定义

案例2：

<script>
    console.log(num); 
    var num = 10;
    //结果：输出 undefined
</script>

分析：JavaScript 解析器对代码进行预解析后，相当于执行以下代码：(此时，num只是声明了，未赋值)

<script>
    var num;
    console.log(num); 
    num = 10;
</script>

案例3：

<script>
   fn();

   function fn() {
       console.log('打印');
   }
   //结果：输出 打印
</script>

分析：预解析后，相当于执行以下代码：

<script>
	function fn() {
	    console.log('打印');
	}
   fn();
</script>

案例4：

<script>
    fn();
    var fn = function() {
            console.log('想不到吧');
        }
    //结果：Uncaught TypeError: fn is not a function
</script>

分析：预解析后，相当于执行以下代码：

<script>
    var fn;
	fn();
    fn = function() {
            console.log('想不到吧');
        }
</script>

由此，函数表达式方式(匿名函数）的调用必须写到函数体后面