首先,我们得搞清楚JS预解析和JS逐行执行的关系。其实它们两并不冲突,一个例子轻松理解它们的关系:
你去酒店吃饭,吃饭前你得看下菜谱,点下菜(JS预解析),但吃的时候还是一口一口的吃(JS逐行执行)!
一、js预解析是什么?
其实就是对程序要用到的材料(变量,函数)给一个初始值,并存到一个表中(我自己虚构的),当程序运行到那一行时,就来这个表看有没有初始值,没有就报错~~
二、在什么情况下会进行预解析?
1、遇到<scrip></script>标签对时;
2、遇到函数时;
三、js对什么进行预解析?
1、函数传参的变量
2、var后面的变量
3、函数
四、js会给这些变量、函数赋予什么初始值
1、凡是传参,直接赋值参数;
2、凡是var的,都会赋予一个undefined作为初始值
3、凡是函数,直接赋予函数本身作为初始值;所以这就是为什么我们可以把 函数调用 放到 函数声明 之前的原因)
五、什么情况会改变 预解析 赋予的初始值呢?
有赋值功能的符号:=, +=, -=, *=, /=, ++, --等 (如果还有再添加..)
下面是实例:
alert(a); //undefined
var a = 0;
alert(a); //0, =号 可以改变初始值
alert(a); //function a(){ alert('我是函数') }, undefined代表空,函数不是空的,当然要不是空的啦!
var a = '我是变量';
function a(){ alert('我是函数') }
alert(a); //'我是变量', = 可以改变初始值
alert(a); //function a(){ alert('我是函数') }, undefined代表空,函数不是空的,当然要不是空的啦!
a++;
alert(a); //NaN, ++可以改变初始值
var a = '我是变量';
function a(){ alert('我是函数') }
alert(a) //'我是变量', = 可以改变初始值
alert(a); //undefined
var a = 0;
alert(a); //0
function fn(){
alert(a); //undefined;遇到函数,重新进行预解析
var a = 2;
alert(a); //2
}
fn()
alert(a); //0,fn里面的a与全局的a不是同一作用域的
alert(a); //undefined
var a = 0;
alert(a); //0
function fn(){
alert(a); //0 js会先从函数内部找变量(var),若没有再从外部找,如果全局也没有就会报错
a = 2;
alert(a); //2
}
fn()
alert(a); //2,fn把这全局的a修改了
function fn(a){
alert(a); //undefined,JS会把传参当作var一样对待,相当于在fn内部定义了一个变量--> var a;
a = 2;
alert(a); //2,这里修改的不是全局的哦,改的是fn的局部变量哦
}
fn()
alert(a); //报错
<script>
alert(a); //报错,因为遇到<script>标签对时,会先对这一块进行预解析,运行到下面的才会再进行预解析,下面没预解析,所以找不到a,于是报错了
</script>
<script>
alert(a); //undefined
var a = 0;
alert(a); //0
</script>
<script>
var a;
</script>
<script>
alert(a); //undefined,虽然这个<script>标签对没有定义a,但会往上查找,上面的个<script>标签定义了,所以为undefined
</script>
<script>
alert(a); //报错,程序从上往下执行
</script>
<script>
var a;
</script>
下面我们再看下这两种情况的区别:
1 alert(a); //function a(){ alert('我是函数') }
2 function a(){ alert('我是函数') }
1 alert(a); //undefined,可以看出,凡是var,初始值都是undefined
2 var a = function (){ '我是函数' }