Javascript解析机制 执行机制

HTML5学堂:在学习JavaScript过程中,我们需要了解事件的机制是怎么执行的?本文将会提到JavaScript事件机制的解析,希望对大家有帮助!

javascript解析的过程主要分为两个阶段,分别是编译与执行阶段。

在编译期,javascript解释器将完成对javascript代码的预处理,即将javascript代码转换为字节码。

在执行期,javascript解释器借助执行期环境将字节码生成机械码,并按照顺序执行,完成程序设计的任务。

上图为编译器的基本构成以及工作流程。对于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学堂(h5course-com)

原文发表时间:2016-01-19

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java技术分享

XML基本语法

 导入一个XML文件可分为如下几部分内容:文档声明 、元素、属性、注释 、CDATA区 ,特殊字符 、处理指令

18010
来自专栏Golang语言社区

【基础篇】Go 语言结构

Go Hello World 实例 Go 语言的基础组成有以下几个部分: 包声明 引入包 函数 变量 语句 & 表达式 注释 接下来让我们来看下简单的代码,该代...

32512
来自专栏python百例

06-字符串使用基础

522
来自专栏张善友的专栏

c#处理空白字符

空白字符是指在屏幕不会显示出来的字符(如空格,制表符tab,回车换行等)。空格、制表符、换行符、回车、换页垂直制表符和换行符称为 “空白字符”,因为它们为与间距...

2016
来自专栏IT派

Python的22个编程技巧,简化 if 语句、开启文件分享……

Python 提供了一个直观的在一行代码中赋值与交换(变量值)的方法,请参见下面的示例:

1052
来自专栏阿凯的Excel

Python读书笔记11(循环遍历所有内容)

前面的文章和大家分享了数字、字符串、列表和元组,我们重新声明这些变量回顾一下! ? 数字、浮点数直接用等号声明 字符串需要将内容用英文单引号或双引号括起来 列...

2788
来自专栏deepcc

jQuery(function($){...})与(function($){...})(jQuery)知识点分享

3346
来自专栏跟着阿笨一起玩NET

数据库模糊搜索时,关键字中有%号,怎么办?

本文转载:http://www.cnblogs.com/lmfeng/archive/2013/02/26/2932963.html

472
来自专栏转载gongluck的CSDN博客

python笔记:#008#变量的命名

变量的命名 目标 标识符和关键字 变量的命名规则 0.1 标识符和关键字 1.1 标识符 标示符就是程序员定义的 变量名、函数名 名字 需要有 见名知义 的...

3364
来自专栏PHP实战技术

你应该这个姿势学习PHP(1)

  应用场景:能防止sql的注入(当然并不完全是可以,我们可以使用pdo进行预处理然后方式sql的注入,安全不能只靠一种方式防止事情的发生)

47616

扫描关注云+社区