JS中的预解析

js预解析对于很多学习web前端开发的新手们很困扰，总是很难搞懂到底是个什么东西，今天零度就为大家简单的分析一下，争取让大家都明白！

首先，看一下下面的代码：

alert(a);
var a = 1;

这段代码大家认为运行时会弹出什么？相信很多人会回答”1“，其实弹出的是undefined！

为什么呢？我们来分析一下：首先这段js代码是一个alert，我们知道alert是一个弹出函数，弹出后面括号里面的东西，这里面我们给了一个变量a，那么这个变量a的值是多少呢？这时，js解析器并不知道，所以它会返回一个undefined，也就是未定义的！

再来看下面一段代码：

alert(a);
a = 1;

这里，我们把变量定义的var去掉，在运行看看，发现竟然什么也没弹出，用各个浏览器的调试器一看，竟然报错！

这又是为什么呢？

原因其实就是js解析器会在页面js代码正式运行以前，进行预解析，会把页面中用var定义的变量，保存在一个”仓库“里，而当它遇到类似于”var a = 1;“这样的表达式的时候，才会给变量赋值。

也就是说一开始的变量的值都是undefined。

第二段代码为什么会报错呢？因为我们大家知道，不用var定义的变量，默认是全局变量，也就是说js解析器不会把这样的变量放在”仓库“中，所以当我们使用alert函数的时候，它就会报错！

这下大家明白了吧，也就是说js解析器会在页面正式运行之前，把用var、function等定义的变量和函数先保存在”仓库中“，当运行到需要使用这些变量和函数的时候，js解析器会首先去”仓库“中寻找，如果”仓库“中的值是未定义的，它就会直接返回undefined！

好了，用两个简单的例子向大家简单说明了js预解析的含义，如果大家还有不懂的地方，欢迎给我留言！