JS预解析也叫作var 提升和function提升。
作用原理:
对于var定义的变量, js在正常解析前,会快速把script(或者function)中的var声明,及声明的名字,提升到代码块(作用域)的最前边
对于funtion定义的函数,js在正常解析之前,会快速把script(或者function)中的function及内容,提升到代码块(作用域)最前边,跟在var声明之后
预解析之后,js再会一行一行解析代码
了解预解析,对我们了解JS的执行原理有很大的帮助,有助于更好地分析各处变量的值。
举个例子:
console.log(a);
var a=10;
console.log(a);
function a(){var b=1;}
console.log(a);
var a=function(){var b=2;}
console.log(a);
执行结果:
上面的代码,经过预解析之后,变成:
var a;
var a; //var变量提升
function a(){var b=1;} //function变量提升
console.log(a);
a=10;
console.log(a);
console.log(a);
a=function(){var b=2;}
console.log(a);
再看上面的结果,就很清晰明了了。最开始输出的a是function提升后的a,第二个a是a=10语句赋值后的10,第三个a没有发生改变,还是10,最后一个a通过a=function(){var b=2};语句赋值,再次变成函数。