web前端开发之JavaScript：预解析的那些事

       在刚开始学习js的时候，学到变量部分，然后我试着去声明变量num，没有赋值，然后再控制台输出它，输出num结果不报错而是undefined，随后又发发现函数为什么可以随意放置啊，为什么变量会覆盖这些问题，其实这些都是js的预解析在作怪。

        众所周知，JavaScript代码是由浏览器中的JavaScript解析器来执行的，那么JavaScript 解析器在运行JavaScript代码的时候是怎么运行的呢？

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

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

   
   

        (2). 代码执行 按照代码书写的顺序从上往下执行

 2.预解析分为变量预解析(变量提升) 和函数预解析(函数提升)

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

console.log(a);
var a =888;   //结果输出为undefined

为什么会出现这个情况呢，欸，这里就是先进行了预解析，然后代码执行，也就是声明var =a ；然后就控制台输出了a，再接着给a赋值888，就相当于：

var = a;
console.log(a);
a = 88;  //这样下来结果肯定为undefined呀

再来看一个例子：

    fun(); //报错
        var fun = function() {
      console.log("我正在学习js");
     }

这里报错和上面例子类似，也是预解析+代码执行，先声明了fun这个变量，然后就执行了fun()这个函数，这当然显示fun is not a function ，因为还没有给这个fun赋值函数，就相当于执行了下面这串代码：

     var fun;
     fun(); //报错
      fun = function() {
      console.log("我正在学习js");
     }                                          //函数表达式调用函数必须写在下面

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

    Car();
    function Car() {
    console.log("劳斯莱斯-幻影"); //正常输出 劳斯莱斯-幻影
}

好了，关于js的预解析部分就说这么多，下次再会！

每篇一句：天生我材必有用,千金散尽还复来。