JS预解析

1、js引擎运行js分为两步： 预解析和代码执行

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

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

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

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

    （2） 函数提升：把所有的函数声明提升到当前的作用域最前面，不调用函数（函数表达式调用必须写在函数表达式的下面）

3、如何解析？

下面我们来看一个变量提升的例子：

console.log(num);   
      var num = 10;
//上面的运行结果为underfined,这是因为预解析过之后就变成了
var num;     //把var声明sum提升到最前面，这时sum只声明未赋值，所以运行结果为underfined
    console.log(num);
    num = 10; 
//

再看一个函数提升的例子：

fu();
function fu() {
        console.log(12);
}  
//上面的运行结果为错误
var fun(); 
fun();  //调用函数时还没有进行声明
fun = function()  {
        console.log(22);
}   //所以运行结果错误

再看一个函数表达式声明函数问题：

 f1();
    console.log(c);
    console.log(b);
    console.log(a);
 function f1() {
        var a = b = c = 9;
        console.log(a);
        console.log(b);
        console.log(c);
  }
  运行结果为9、9、9、9、9、出错，编译过之后如下：
 function f1() {
        var a；
         a = 9;    
         b = 9;
         c = 9;    //b,c没有声明就赋值，会默认为全局变量，同时可以对外部的b,c进行传值
        console.log(a);
        console.log(b);
        console.log(c);
  }
 f1();
    console.log(c);
    console.log(b);
    console.log(a); //a为局部变量，所以打印结果出错

这个代码比较坑，大家好好理解奥！