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 = 1比a = 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()的时候报错，整个第一段都不会再执行，第二段正常执行。

相关推荐：

JavaScript执行顺序分析

JavaScript执行顺序的简单介绍

详解js在html中的加载执行顺序

以上就是js编译和执行顺序详解的详细内容，更多请关注其它相关文章！