简单轻松地理解js编译和执行顺序

javascript是一段一段执行的,以script标签来分割,执行每一段之前,都有一个“预编译”,
预编译干的活有两:1.声明所有var变量(初始为undefined),2.解析定义式函数语句。
有个关于 “window作用域下,a = 1和var a = 1” 的区别的很经典:

a = 1相当于window.a = 1,是动态地为window添加一个成员; 
var a = 1是在当前作用域(也就是window)下声明一个a,这个声明是在整个作用域内都有效的。 
换句话说,其实区别就在于var a = 1a = 1多了一个声明的行为。 

看看下面的例子:
1.

alert(w);
alert('ok');
w = 2;

报错:w is not defined
2.

alert(w);
alert('ok');
var w = 2;

依次弹出undefined和ok。预编译的时候,声明了变量w;执行到alert(w)这行代码的时候,t尚未被赋值,所以弹出undefined。
3.

a();
function a() {}
alert('ok');

弹出ok。预编译的时候,解析了定义式函数语句function a() {},顺利执行。
4.

b();
var b = function() {};
alert('ok');

b不是函数,执行报错。预编译的时候,声明了变量b = undefined;执行到b()时,a还等于undefined,不是函数,所以执行b()会报错。
5.

<script type="text/javascript">
    c();
    alert('first');
</script>
<script type="text/javascript">
    alert('second');
</script>

弹出second。因为javascript是一段一段执行的,第一段执行到c()的时候报错,整个第一段都不会再执行,第二段正常执行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值