HTML5学堂：在学习JavaScript过程中，我们需要了解事件的机制是怎么执行的？本文将会提到JavaScript事件机制的解析，希望对大家有帮助！
javascript解析的过程主要分为两个阶段，分别是编译与执行阶段。
在编译期，javascript解释器将完成对javascript代码的预处理，即将javascript代码转换为字节码。
在执行期，javascript解释器借助执行期环境将字节码生成机械码，并按照顺序执行，完成程序设计的任务。
欢迎沟通交流~HTML5学堂
上图为编译器的基本构成以及工作流程。对于javascript语言，首先会通过词法分析和语法分析，并建立语法树，到此时，开始解释执行，即并不是完全生成字节码之后再调用虚拟机来执行编译好的字节码。
javascript的预编译对执行顺序有很大的影响：
在预编译期，javascript会对所有声明的变量和函数进行处理。因此在执行如下代码时并不会报错
-
alert(a);
-
var a = 1;
-
alert(a);
在上面这段代码中，当js进行预编译时，会执行 var a;然后再进行执行，因此第一个是undefined，而第二个弹出的内容为1。 同理，看如下代码
-
f();
-
function f(){
-
alert(1);
-
}
在上面这段代码中，当js进行预编译时，会执行 var a;然后再进行执行，因此第一个是undefined，而第二个弹出的内容为1。 同理，看如下代码
-
f();
-
var f=function (){
-
alert(1);
-
}
会出现报错。这是因为，当将定义的函数作为值赋给变量f，在编译器时只能够将“声明变量f”进行处理，而对于f的值，只有到执行期时才能按照顺序进行赋值（自然会出现语法错误了，会提示无法找到对象f）
javascript的代码执行：
按照块执行javascript代码
浏览器解析HTML文档流时，如果遇到一个<script>标签，则js会等到这个代码块都加载完毕之后，先进行编译，然后再执行。执行完毕之后，才继续解析下面的HTML文档流。虽然javascript是按照块来执行的，但是不同的块（<script></script>）属于同一个全局作用域。换句话说，块之间的变量和函数是可以共享的。
欢迎沟通交流~HTML5学堂
投稿或建议联系小编 QQ：3042966101
（长按二维码）
本文分享自微信公众号 - HTML5 WEB前端分享（h5course-com）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。