JavaScript预解析理解

JavaScript预解析

首先什么是预解析？

1.预解析指的就是,在js文件或者script里面的代码在正式开始执行之前,进行的一些解析工作。这个工作很简单,就是在全局中寻找var关键字声明的变量和通过function关键字声明的函数

1.我们js引擎运行js分为两步：预解析 代码执行

（1）预解析js引擎会把js里面所有的var 还有function提升到当前作用域的最前面

（2）代码执行：按照代码的顺序从上往下执行

2.预解析分为 变量预解析（变量提升）和函数预解析（函数提升）

（1）变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作

（2）函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数

代码例子

1问

<script>
        console.log(num);
		//结果为：预解析.html:9 Uncaught ReferenceError: num is not defined
</script>

2问

<script>
        console.log(num);
        var num = 10;
		//结果为：undefined
</script>
//相当于执行了以下代码
var num;//先变量提升，不提升赋值
console.log(num);
num = 10;
//所以结果undefined

3问（这是函数关键字声明函数）

<script>
        fn();
        function fn() {
            console.log(11);
        }
//结果：可以输出11 
</script>

4问

  <script>
        var fun = function() {
            console.log(22);
        }
        fun();
//可以输出结果22
 </script>
<script>
     	fun();
        var fun = function() {
            console.log(22);
        }   
//Uncaught TypeError: fun is not a function
    at 预解析.html:9
//函数表达式 调用必须写在函数表达式的下面
//相当于执行了以下代码
var fun；
fun();
fun = function() {
            console.log(22);
        }   
 </script>