JS代码的执行步骤与变量和函数的提升

Js代码分为两个执行步骤

1.预解析

提升（hoisting）

JavaScript代码在预解析阶段，会对以var声明的变量名，和function开头的语句块，进行提升操作

2.执行

变量的提升

  alert(a);  var a = 1;

提升后的代码模拟

var a;alert(a);a=1;

函数同名，如何提升?

在预处理阶段会将两个函数同时提升，但后来的会覆盖前面的

      func1();  //last      function func1(){          console.log('This is first func1');      }       func1();  //last       function func1(){           console.log('This is last func1');                       }

提升后的代码模拟

 function func1(){            console.log('This is first func1');        }//该函数被后一个覆盖。       function func1(){            console.log('This is last func1');        }        func1();  //最终打印的都是last         func1();  //最终打印的都是last

变量和函数同名

在提升的时候，如果有变量和函数同名，会忽略掉变量，只提升函数

alert(foo); //undefined  函数体        function foo(){}        var foo = 2;        alert(foo); //2

//预解析 提升后的代码

function foo(){};        alert(foo);        foo=2;        alert(foo);

函数表达式不会被提升

func();        var func = function(){            alert("你猜我会不会被调用");        }        //提升后的代码        var func;        func();        func = function(){            alert("你猜我会不会被调用");        };